如何基于按钮单击来对Kendo UI treeView中的所有树节点进行拼写和扩展？

这不起作用：

 $('#btnCollapseAll').click(function() { $('#treeview').collapseAll(); });  

Answer 1

您可以使用此代码

1：崩溃

折叠kendoTreeView文档

  $("#treeview").kendoTreeView(); var treeview = $("#treeview").data("kendoTreeView"); treeview.collapse(document.getElementById("firstItem")); $('#btn').click(function () { // collapse the node with id="firstItem" // collapse all nodes treeview.collapse(".k-item"); }); 

2：扩大

展开kendoTreeView文档

  $("#treeview").kendoTreeView(); var treeview = $("#treeview").data("kendoTreeView"); treeview.collapse(document.getElementById("firstItem")); $('#btn').click(function () { // expand the node with id="firstItem" // expand all nodes treeview.expand(".k-item"); }); 

Answer 2

只需要设置一个属性“expanded：false”

 $("#TreeList").kendoTreeList({ height: 400, filterable: false, sortable: true, columns: [ { field: "Name", title: " ", width: 235 }, { field: "Outstanding", title: "Outstanding", width: 235, template: $("#outstanding-olor-div-template").html() } ], dataSource: { transport: { read: { url: ServiceUrl , dataType: "json" } }, schema: { model: { id: "Id", parentId: "ParentId", fields: { ParentId: { field: "ParentId", nullable: true }, Id: { field: "Id", type: "number" }, Name: { field: "Name" } }, expanded: false } } } 

}）;

Answer 3