有没有办法在动作中折叠剑道Panelbar的所有面板？

Question

我正在开发一个应用程序,我正在使用JSP Wrapper添加面板栏(多选)(这意味着每个面板都没有ID),并且内部有网格.

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

我想要做的是当用户更改人物的选择时,从当前选择到另一个,折叠剑道面板栏的所有面板.这将有助于重新加载新人的数据,因为当用户选择/展开面板以查看数据时,我将捕获事件并使用基于所选人员的新数据源重新加载网格.

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

有什么建议？？

Answer 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");