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

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

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

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

有什么建议??

最佳答案

如果您的idPanelBarpanel,请执行以下操作:

$("#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");

09-17 23:07