仅为kendotreeview选择两个复选框

时间:2013-03-14 06:12:01

标签: javascript kendo-ui

我在我的应用程序中有复选框的树视图有一个问题是只选择两个 页面加载剩余的复选框必须处于禁用状态。 (即,如果取消选择剩下的一个复选框,则启用)。

My fiddle:

    Code: 
           var tree= $("#treeview").kendoTreeView({
            checkboxes: {
                checkChildren: true
            },

            dataSource: [{
                id: 1, text: "My Project", expanded: true, spriteCssClass: "rootfolder", items: [
                    {
                        id: 2, text: "OrderID", expanded: true, spriteCssClass: "folder", items: [
                            { id: 3, text: "a"  },
                            { id: 4, text: "b"  },
                            { id: 5, text: "c" },
                            { id: 6, text: "d" },
                            { id: 7, text: "e" }
                        ]
                    }

                ]
            }]
        }).data("kendoTreeView");

          tree.dataSource.bind("change", function (e) {

1 个答案:

答案 0 :(得分:5)

尝试类似

的内容
function updateChks(){
    var checkboxes = $('#treeview input:checkbox');
    var selected = checkboxes.filter(':checked');
    checkboxes.not(selected).prop('disabled', selected.length > 1)
}

$('#treeview').on('click', 'input:checkbox', updateChks);

updateChks();

演示:Fiddle