Kendo UI 在拆分器上附加窗格答案

【问题标题】：KendoUI Append Pane on SplitterKendo UI 在拆分器上附加窗格
【发布时间】：2018-04-25 11:14:44
【问题描述】：

我在 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")

没有成功，请给点建议？

【问题讨论】：

$('.k-pane:last div.k-pane').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.log(newPane, "test"); splitter.ajaxRequest(".k-pane:last", "/incidents/ajax/show/" + data);
Check this
确实！它现在有效！像这样：$("#splitter .k-pane:last").attr("id", "newpane2"); 非常非常非常感谢！请填写答案，以便我投票

标签： javascript jquery kendo-ui splitter

【解决方案1】：

尝试选择从根元素开始的整个路径：

$("#yourelement .k-pane:last").attr("id", "something");

Demo

【讨论】：