animation - Kendo MVVM动画绑定(bind)的选项

我在文档和演示中看到了一些示例，其中可以通过指定data-animation =“false”将data-animation属性用于关闭小部件上的动画。

我的问题是:如何定义动画的其他设置。例如:

{
    animation: {
        // fade-out current tab over 1000 milliseconds
        close: {
            duration: 1000,
            effects: "fadeOut"
        },
       // fade-in new tab over 500 milliseconds
       open: {
           duration: 500,
           effects: "fadeIn"
       }
   }
}

我在任何地方都找不到关于如何使用data-animation属性定义动画配置的文档。

最佳答案

您应该将其定义为:

data-animation="{ close: { duration: 1000, effects: 'fade:out' }, open: { duration: 500, effects: 'fade:in' } }"

窗口示例:

<div id="dialog" data-role="window" data-animation="{ close: { duration: 1000, effects: 'fade:out' }, open: { duration: 500, effects: 'fade:in' } }" data-visible="false">
    This is the content of the window
</div>

在此处查看其运行情况:http://jsfiddle.net/XNcmt/70/

关于animation - Kendo MVVM动画绑定(bind)的选项，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23240583/