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

时间:2014-12-03 03:00:29

标签: jquery mvvm kendo-ui

所以,我想使用iCheck作为我的复选框,但这需要自定义绑定。 Kendo MVVM,淘汰赛或其他任何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

输入indeterminate =" false" data-bind =" myICheck:rememberUserInfo"类="检查">

1 个答案:

答案 0 :(得分:0)

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

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

http://fronteed.com/iCheck/