kendo-ui - 带有复选框的 Kendo TreeList

Question

我正在使用 Kendo UI TreeList 控件，并且需要每个父节点都是一个复选框。我已经搜索了如何在 TreeList 中使用复选框，但还没有找到任何示例。有谁知道如何做到这一点，或者是否有可能？

Answer 1

我在treelist kendo UI中工作，我绑定(bind)了父ID，还创建了另一个列名“manualparentid”，这也是parentid..可能是我做错了，但你可以在模板上设置条件

//Created Separate Class
public class TreePermission
{
   public int menuid { get; set; }
   public int parentmenuid { get; set; }
   public string menuname { get; set; }
   public bool isadd { get; set; } 
   public int manualparentid { get; set; }
}


 Html.Kendo().TreeList<TSBBAL.BAL.TreePermission>()
.Name("GridRolePermissions")
.Columns(colums =>
{
    colums.Add().Field(e => e.menuname).Width(150).Title("Menu Name");
    colums.Add().Field(e => e.isadd).Width(100).Title("Add").TemplateId("addtemplate"); 
}).DataSource(data => data.AutoSync(false)
    .ServerOperation(true)
    .Model(m =>
    {
        m.Id(f => f.menuid);
        m.ParentId(f => f.parentmenuid);
        m.Field(f => f.menuname);
        m.Field(f => f.isadd);  
        m.Expanded(true);
    }).Read(read => read.Action("MenuList", "User"))
)

创建模板 addtemplate

 <script id="addtemplate" type="text/x-kendo-template">  
<div class="col-md-6">       

# if(manualparentid !=0) {# 
    <input type="checkbox" onclick="CheckThePermission(#=menuid #,#=manualparentid #,'add')" id="chkadd_#=menuid #" mid="#=menuid #"  pid="add_#=manualparentid #"   name="chkadd" #= isadd ? checked='checked' : '' # /> 
#} else {#   
    <input type="checkbox" onclick="CheckChildPermission(#=menuid #,'add')" id="chkadd_#=menuid #" mid="#=menuid #"  pid="add_#=manualparentid #"   name="chkadd" #= isadd ? checked='checked' : '' # /> 

#}#
</div>  

 <script>
         function CheckThePermission(id,pid,obj) {
    //you will get the parent id 
    }
</script>

希望这可以帮助...