kendo-ui - 在 Kendo TreeView 中隐藏根复选框

Question

我知道您可以使用复选框模板来控制其外观，但我将如何隐藏根节点（并且仅根节点）的复选框？

更新

下面的答案也可以解决问题。但是，我最终使用了这样的模板：

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

“Id”是我的数据源中的 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();
        });

希望有帮助。