如何在树视图中启用根元素

时间:2013-09-03 10:45:28

标签: kendo-ui

我正在研究剑道树视图。它在Google Chrome中运行良好。在IE和Firefox中测试根节点未处于选中状态时。任何人都可以说出可能发生的原因。

  <div id="treeview"></div>


var data = [
        {
            id   : 1, text: "My Documents", expanded: true, spriteCssClass: "rootfolder",
            items: [
                                { id: 2, text: "w" },
                                { id: 3, text: "wq" },
                                { id: 4, text: "q" },
                                { id: 5, text: "qq" },
                                { id: 6, text: "qeq" },
                                { id: 7, text: "gd" }
                            ]

               }
    ];

var treeview = $("#treeview").kendoTreeView({
    checkboxes: {
        checkChildren: true
    },
    dataSource: data
}).data("kendoTreeView");

1 个答案:

答案 0 :(得分:1)

解决最后评论的问题:

请建议我而不是使用$(“#treeview”)。find(“:checkbox”)。attr(“checked”,true);在所有浏览器中启用所有已检查项默认值的任何其他功能

添加change事件并在each函数中更改您想要的任何内容。

$("#treeview .k-item input[type=checkbox]:checked").closest(".k-item").each(function(){
    // change whatever you want, for example:
    $(this).css("color","green");
});

这与您正在使用的内容类似,但我已经在Chrome,Firefox和IE中进行了检查,并且运行正常。请参阅此Fiddle(改编自KendoUI演示)。