Kendo MVVM 动画绑定的选项

Question

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

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

{
    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/

Answer 2

相关文档为this here。

您基本上可以使用相同的值（如布尔值或对象字面量之类的原语）进行声明式初始化；唯一的区别是它是对象的字符串表示形式。

有关示例，请参见 OnaBai 的答案。