Kendo MVVM动画绑定的选项

Question

我在文档和演示中看到了一些示例,通过指定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属性定义动画配置的文档.

Answer 1

您应该将其定义为:

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/