Search code examples
javascriptjquerykendo-uisplitter

KendoUI Append Pane on Splitter

I am appending a new panel on KendoUI splitter

var newPane = splitter.append({
  size: "100%",
  collapsible: true
});

$("#splitter").css("overflow", "auto");
$("#splitter").css("background-color", "#eee");
$("#splitter").css("overflow-x", "hidden");

and loading content via Ajax

splitter.ajaxRequest(".k-pane:last", "/incidents/ajax/show/" + data);

It returns a div like 

<div role="group" class="k-pane k-scrollable" style="position: absolute; top: 0px; width: 1248px; height: 805px; left: 8px;">
.....content....
</div>

How can i add id="something" to the new pane please?

I tried 

$('.k-pane:last').attr("id", "something")

without success, any advice please?

Solution

  • Try to select the whole path since the root element:

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

    Demo