有没有办法在一次动作中折叠Kendo Panelbar的所有面板？

一尘不染

jsp

我正在使用一个应用程序在其中使用JSP包装器添加面板栏（多选）（这意味着每个面板都没有ID），并且在其中具有网格。

网格存储着特定于所选人员的数据，这些人员显示为页面顶部的列表项（图像）。

我想做的是，当用户将人的选择从当前选择的人更改为另一个人时，折叠kendo面板栏中的所有面板。这将有助于重新加载新人员的数据，因为当用户选择/扩展面板以查看数据时，我将捕获该事件，并根据所选人员重新加载新的数据源。

我希望在这里有意义，但是我不确定如何折叠PanelBar的所有面板。

有什么建议么？？

阅读 257

2020-06-08

共1个答案

一尘不染

如果id您的PanelBar是panel，请执行以下操作：

$("#panel").data("kendoPanelBar").collapse($("li", "#panelbar"));

要么

var panelbar = $("#panelbar").data("kendoPanelBar");
panelbar.collapse($("li", panelbar.element));

也就是说，我们将把collapse所有li元素都包含在其中#panelbar。

编辑：如果要删除选择，请添加：

$(".k-state-selected", panelbar.element).removeClass("k-state-selected");

2020-06-08