用于单击复选框的 Kendo MVVM 自定义绑定

Posted

技术标签:

【中文标题】用于单击复选框的 Kendo MVVM 自定义绑定【英文标题】:Kendo MVVM custom binding for a click in checkbox 【发布时间】:2015-01-31 11:53:13 【问题描述】:

所以,我想为我的复选框使用 iCheck,但这需要自定义绑定。 Kendo MVVM、knockout 或任何其他 js 库。

我的自定义绑定几乎完美无缺,但它不会在单击复选框时触发。如果我将输入从复选框更改为文本输入,则单击自定义绑定效果很好。

kendo.data.binders.myICheck = kendo.data.Binder.extend(
    init: function (element, bindings, options) 
        //call the base constructor
        kendo.data.Binder.fn.init.call(this, element, bindings, options);
        var that = this;
        //listen for the change event of the element
        $(that.element).on("click", function () 
            that.click(); //call the change function
        );
    ,
    click: function () 
        this.bindings["myICheck"].set(false);
    ,
    refresh: function () 
        var value = this.bindings["myICheck"].get();
        if (value) 
            $(this.element).iCheck('check');
         else 
            $(this.element).iCheck('uncheck');
        
    
);

html

input indeterminate="false" data-bind="myICheck: rememberUserInfo" class="check">

【问题讨论】:

【参考方案1】:

啊,想通了,iClick 有它自己的事件: 我需要使用 ifChagned 或 ifClicked

 $(that.element).on("ifClicked", function () 

http://fronteed.com/iCheck/

【讨论】:

以上是关于用于单击复选框的 Kendo MVVM 自定义绑定的主要内容,如果未能解决你的问题,请参考以下文章

Kendo UI - 如何使用 Kendo MVVM 将选中的属性(属性)和处理复选框的单击事件绑定到 viewModel

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

Kendo MVVM 和绑定或扩展自定义事件

kendo mvvm:如何定义自定义 css 绑定

单击取消后,Kendo网格弹出编辑器不再打开

Kendo UI Scheduler - MVVM 设置日期