Kendo MVVM 数据绑定与自定义 Kendo 小部件

Posted 2023-05-07

【中文标题】Kendo MVVM 数据绑定与自定义 Kendo 小部件

【英文标题】：Kendo MVVM data binding with a custom Kendo widget

【发布时间】：2013-06-03 02:40:18

【问题描述】：

我创建了一个自定义 Kendo 小部件，它将是一个由其他一些小部件组成的复合控件。除了启用 MVVM 之外，我一切正常，特别是当控件更新时，我无法更新视图模型的值。但是，如果我直接更新视图模型，控件的值就会更新，而不是相反。它必须是双向的。我整理了这个问题的一个例子：

http://jsbin.com/obejey/3/

任何帮助将不胜感激！

【参考方案1】：

你离得太近了！ :) 您所缺少的只是在您的值更改时触发change 事件。为此，只需监视您的ComboBox 的change 事件，当它发生变化时，触发您的自定义小部件的change。

添加这段代码：

    _initAutoComplete: function () 
        var that = this;
        that.select.kendoComboBox(

          ...,

          // ADDED CODE...
          change: function () 
            that.trigger("change", field: "value");
          
        );
    ,

【讨论】：

顺便说一句，我一直想写一篇关于这个确切主题的博客文章；深入探讨如何为自定义小部件进行 MVVM 绑定以及 Kendo MVVM 绑定器如何与小部件一起使用。我只是懒得写了... :)