我正在使用一个应用程序在其中使用JSP包装器添加面板栏(多选)(这意味着每个面板都没有ID),并且在其中具有网格。
网格存储着特定于所选人员的数据,这些人员显示为页面顶部的列表项(图像)。
我想做的是,当用户将人的选择从当前选择的人更改为另一个人时,折叠kendo面板栏中的所有面板。这将有助于重新加载新人员的数据,因为当用户选择/扩展面板以查看数据时,我将捕获该事件并根据所选人员重新加载新的数据源。
我希望在这里有意义,但是我不确定如何折叠PanelBar的所有面板。
有什么建议??
最佳答案
如果您的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");