Kendo MVVM动画绑定的选项

Question

我在文档和演示中看到了一些示例，数据动画属性可用于通过指定data-animation =＆＃34; false＆＃34;来关闭窗口小部件上的动画。

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

{
    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"
       }
   }
}

我无法在任何地方找到有关如何使用数据动画属性定义动画配置的文档。

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的答案。