如何在kendo模板中设置带有name属性的treeview复选框?

时间:2016-10-18 08:26:22

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

我是kendo ui的新手,我想知道如何使用kendo模板将name属性添加到我的kendo树视图中?

<div id="overviewCheckbox" data-role="treeview" data-text-field="text" data-checkboxes='{"checkChildren": true}' data-value-field="value"
     data-bind="visible:isVisibleTree,events:{check:onChecked}" style="overflow:hidden"></div>
<div id="overviewGrid" data-bind="visible:isVisiblegrid">

我的剑道模板

  # if(!item.hasChildren){#<input type='hidden' parent_id='#=item.value#' d_text='#=item.value#' /><input type='checkbox' name='checkedFiles[#= item.value #]' value='true' />#}else{#<input type='checkbox' parent_id='#=item.parent_id#' name='checkedFiles[#= item.value #]' /> #}#

如果我使用模板,那么它将提供如下输出:

[ ][ ]
   [ ][ ]
   [ ][ ]
   [ ][ ]

我的树视图的预期输出

[ ]Animal
   [ ]Dog
   [ ]Cat
   [ ]Fish

1 个答案:

答案 0 :(得分:0)

您告诉窗口小部件生成自己的复选框。由于您要向复选框添加属性,因此必须使用checkbox.template告诉窗口小部件呈现自定义复选框,并从值模板中删除复选框。在值模板上,您可以保留hidden字段,但必须显示节点的文本,例如#= item.text #某处。