Question

我知道您可以使用复选框模板来控制其外观但是我如何隐藏根节点（以及只有根节点）的复选框？

更新

下面的答案也是诀窍。但是，我最终使用了这样的模板：

checkboxes: {
    checkChildren: true,
    template: "# if(item.Id != 1){# <input type='checkbox'  name='section[#= item.Id #]' value='true' />#} #"
}

“Id”是我的dataSource中的id字段。

Answer 1

这可能会起作用，但它很脏，定义模板更好：

$("#treeview").kendoTreeView({
    ...
    checkboxes: true,
    dataBound : function () {
        $("#treeview > ul > li > div span.k-checkbox").hide();
    }
});

看到它在这里运行：http://jsfiddle.net/OnaBai/b3UBh/1/

Answer 2

尝试使用HTMLAttributes

指定类名

.HtmlAttributes(new { @class = "hideHeaderCheckbox" })

然后在document.ready

期间做这样的事情

$("#idofyourtreeView .hideHeaderCheckbox").each(function () {
            $(this).find("div .k-checkbox input").eq(0).hide();
        });

希望有所帮助。

隐藏Kendo TreeView中的Root复选框

2 个答案: