Изменить текст элемента KendoPanelBar

Question

У меня есть веб-приложение asp.net с элементами управления Kendo. я добавил 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