Kendo ui 剑道UI面板

我是剑道UI PanelBar的新手。我想在用户单击按钮时使用JavaScript展开panelbar。谢谢你的帮助

@(Html.Kendo().PanelBar()
            .Name("TestBar")
            .Items(panelbar =>
            {
                panelbar.Add().Text("Additional Information")
                .Content(@<text>@Html.Partial("Req") </text>);
            })
        )

---

请尝试使用下面的代码段。在按钮单击事件中调用下面的函数

<script>
    function ExpandItemInPanelBar(){
        var panelBar = $("#TestBar").data("kendoPanelBar");
        // I have set 0 in 'eq(0)' so it will expand first item you can change it as per your code
        panelBar.select(panelBar.element.children("li").eq(0));

        var item = panelBar.select();
        panelBar.expand(item);
    }
</script>

如果有任何问题，请告诉我

更新1：

//Check any item is expanded in panelbar
if(panelBar.element.children("li").hasClass("k-state-active") == true)
{
    alert('items(s) expanded');
}

//Check every item is expanded or not in panelbar
items =  panelBar.element.children("li");
for(var i = 0 ; i < items.Length; i++)
{
    if($(items[i].hasClass('k-state-active'))
    {
        alert('this item is expanded');
    }
}

---

谢谢你，杰耶什。成功了。有没有办法禁用折叠/展开？我想使面板始终处于展开状态。请在面板栏中添加选择事件，然后在选择事件中写入“e.preventDefault；”。您可以使用下面的链接添加选择事件。请尝试上述解决方案。让我知道如果有任何问题，我会提供同样的样品演示。谢谢你杰耶斯。如何检查面板是否已展开？@Jayesh e.preventDefault会阻止您通过答案中的脚本展开面板吗？还是只会防止鼠标滑落？