Панель добавления KendoUI на сплиттере
Я добавляю новую панель на сплиттер KendoUI
var newPane = splitter.append({
size: "100%",
collapsible: true
});
$("#splitter").css("overflow", "auto");
$("#splitter").css("background-color", "#eee");
$("#splitter").css("overflow-x", "hidden");
и загрузка контента через Ajax
splitter.ajaxRequest(".k-pane:last", "/incidents/ajax/show/" + data);
Он возвращает div вроде
<div role = "group" class = "k-pane k-scrollable" style = "position: absolute; top: 0px; width: 1248px; height: 805px; left: 8px;">
.....content....
</div>
Как я могу добавить id = "something" в новую панель, пожалуйста?
Я пытался
$('.k-pane:last').attr("id", "something")
безуспешно, пожалуйста, какой-нибудь совет?
Спасибо за ответ (еще раз), не сработало, держит <div role = "group" class = "k-pane k-scrollable" style = "position: absolute; top: 0px; width: 1265px; height: 805px; left: 8px;">: /
Полный код: $("#grid").on("click", ".toggleShowIncident2", function() { var data = $(this).data('id'); var desc = $(this).data('desc'); $("#splitter").kendoSplitter({ panes: [ { collapsible: false }, { collapsible: false } ] }); var splitter = $("#splitter").data("kendoSplitter"); var newPane = splitter.append({ size: "100%", collapsible: true }); $("#splitter").css("overflow", "auto"); .... $('.k-pane:last div.k-pane').attr("id", "newpane2"); console.info(newPane, "test"); splitter.ajaxRequest(".k-pane:last", "/incidents/ajax/show/" + data);
Действительно ! Теперь работает !! Как это: $("#splitter .k-pane:last").attr("id", "newpane2"); Большое спасибо! Пожалуйста, заполните ответ, чтобы я мог проголосовать
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Попробуйте выделить весь путь, начиная с корневого элемента:
$("#yourelement .k-pane:last").attr("id", "something");
$('.k-pane:last div.k-pane').attr("id", "something")?