asp.net - 更改 KendoPanelBar 项目的文本

Question

我有具有 Kendo Controls 的 asp.net Web 应用程序。我添加了具有三个面板栏项目的 KendoPanel..

我想在按钮单击事件上更改 PanelBar 的第二个项目的标题文本..

我怎样才能做到这一点？

谢谢

Answer 1

假设这是您的面板栏定义：

var panelbar = $("#panelbar").kendoPanelBar({
     ...
}).data("kendoPanelBar");

这是你的按钮处理程序：

$("#change_2").on("click", function() {
    // Get reference to the second "li" and then to the header
    var li = panelbar.wrapper.find("> li:nth(1) span.k-link.k-header");
    // Replace the content by "Title"
    li.contents().first().replaceWith("Title");
});

你可以在这里看到它：http: //dojo.telerik.com/@OnaBai/Uzugu