kendoUI MVVM - 带有复选框模板的TreeView

时间:2014-05-28 13:02:02

标签: checkbox kendo-ui kendo-treeview kendo-mvvm kendo-template

我需要使用KendoUI TreeView和MVVM(声明性)绑定,我需要根据模型中的字段仅为某些节点显示复选框。

为此,我想使用checkbox template

然而,无论我做什么,似乎我无法使其发挥作用

Here是通过MVVM绑定的树视图的小提琴,但没有复选框模板

我想要的是使用函数 checkTemplate 作为复选框模板,通过定义树视图如下

<div class="files"
    data-role="treeview" 
    data-text-field="name"
    data-spritecssclass-field="type"
    data-checkboxes="{checkChildren: true, template: checkTemplate }"
    data-bind="source: files"
    data-template= "ktmpl_Files">
</div>

然而,它不起作用。 有谁知道出了什么问题?

由于

1 个答案:

答案 0 :(得分:2)

用于复选框的模板函数在您的&#34; checkTemplate&#34;功能不可见。将其定义为全局:

<script type="text/javascript">
    function checkTemplate(e) {
        return "<input type='checkbox' style='display: " + (e.item.checkable ? "inline" : "none") + "'/>";
    }
</script>

在此处查看:http://jsfiddle.net/OnaBai/K6cbc/5/