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

Kendo ui 如何在树状视图中启用根元素,kendo-ui,Kendo Ui,我正在剑道树视图上工作。它在Google Chrome中运行良好。在IE和firefox中测试根节点是否未处于选定状态时。有人能说出可能发生的原因吗 <div id="treeview"></div> var data = [ { id : 1, text: "My Documents", expanded: true, spriteCssClass: "rootfolder", items: [

我正在剑道树视图上工作。它在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");

风险值数据=[
{
id:1,文本:“我的文档”,扩展:true,精灵类:“根文件夹”,
项目:[
{id:2,文本:“w”},
{id:3,文本:“wq”},
{id:4,文本:“q”},
{id:5,文本:“qq”},
{id:6,文本:“qeq”},
{id:7,文本:“gd”}
]
}
];
var treeview=$(“#treeview”).kendoTreeView({
复选框:{
孩子们:是的
},
数据源:数据
}).数据(“kendoTreeView”);

解决问题以作最后评论:


请建议我不要使用$(“#treeview”).find(“:checkbox”).attr(“checked”,true);在所有浏览器中默认启用所有选中项的任何其他函数

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

$("#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中检查过,效果很好。请参见此(改编自KendoUI演示)。

解决问题以获取最后评论:


请建议我不要使用$(“#treeview”).find(“:checkbox”).attr(“checked”,true);在所有浏览器中默认启用所有选中项的任何其他函数

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

$("#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中检查过,效果很好。请参阅此(改编自KendoUI演示)。

代码示例如何?使用上述客户端代码,它运行正常。但问题是,从服务器端获取数据时,直到子元素选择后,父事件才出现。请建议我不要使用$(“#treeview”)。查找(“:checkbox”).attr(“checked”,true);在所有浏览器中启用所有选中项默认值的任何其他函数显示代码示例?使用上述客户端代码时,它运行正常。但问题是,从服务器端获取数据时,直到子元素选择后,父事件才出现。请建议我不要使用$(“#treeview”).find(“:checkbox”).attr(“已检查”,正确);在所有browsersHow中启用所有选中项默认值的任何其他函数,以使树父节点成为默认选中的父节点。父节点应通过deffault处于checked状态。它在Forefox中不起作用如何使树父节点成为默认选中的父节点。因为firefox中的上述js fiddle也存在同样的问题。请参见此。它在Chrome、Firefox和IE中可以像以前一样工作。如果你使用外部数据源,你可以将更改事件添加到数据源初始化中,这样代码就更简洁了。如何使树父节点默认为选中状态父节点应该通过deffault设置为checked状态。在forefox中不起作用如何使树父节点为选中状态默认情况下。因为在firefox中使用上述js fiddle也会遇到同样的问题。请参见此图。它在Chrome、firefox和IE中的工作方式与以前相同。如果您使用的是外部数据源,则可以将更改事件添加到数据源初始化中,从而使代码更简洁。