javascript - 如何在 Kendo 模板中设置带有名称属性的 Treeview 复选框？

Question

我是 Kendo ui 的新手，我想知道如何使用 Kendo 模板将名称属性添加到我的 Kendo Treeview 中？

<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">

我的 Kendo 模板

  # 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 #]' /> #}#

如果我使用模板，那么它会给出这样的输出:

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

我的 Treeview 的预期输出

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

Answer 1

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