Issue with dynamically adding tabs

[Purush]

Hi ,

I have a tabstrip inside a splitter and it has one tab item by default and i dymically adding tab item based on user action. when the new tab gets added iam facing two issues.

1. Click on dynamically added tab don't bring content from url. it brings after couple of clicks over the text in tab item.
2. The content from the dynamically added tab gets appended in default tab item which created in html declaration.

This is the code for tab

 

 

<div id="glaDocumentHost" class="glaReset">

 

 

 

<ul>

 

 

 

<li class="k-state-active"><label id="map">Map</label></li>

 

 

 

</ul>

 

 

 

<div style="padding:0px;margin:2px;"></div>

 

 

 

</div>

 

$(

 

"#glaDocumentHost").kendoTabStrip({ contentUrls: ["/YLA/YLAMAP/MapPanel"] });

this is the code i'm using to add tab dynamically.

 

 

 

var tabstrip = $("#glaDocumentHost").kendoTabStrip().data("kendoTabStrip");
tabstrip.insertAfter({ text: name, contentUrl: url }, tabstrip.tabGroup.children("li:last"));

any help is appreciated.

Thanks
Purush

 

[Andrés]

ContentUrls only works if you don't have the div. Get rid of your "<div style="padding:0px;margin:2px;"></div>" and it will create a div for you with the content from that url. I was having the same problem and I worked it out recently, only leave the <ul> in there :)
The documentation is not very clear about that.

Hope that helps.
Cheers

[Kamen Bundev]

Hello Purush and Andrés,

It should be working with or without div content elements, check this jsFiddle:

However, if I see correctly, Purush is initializing the TabStrip two times - one unintentionally when populating the variable here:
var tabstrip = $("#glaDocumentHost").kendoTabStrip().data("kendoTabStrip");
To avoid this, you only need the data attribute of the already initialized TabStrip to get its object, like this:
var tabstrip = $("#glaDocumentHost").data("kendoTabStrip");

Kind regards,
Kamen Bundev
the Telerik team

[Harut]

deleted

[Duke]

thank you so much. This was driving me crazy for hours, because my new added tab was never got hidden when I clicked another tab.

[Mike Graham]

I was doing the same thing.  Following your tip fixed all kinds of flakiness I was seeing.
Thanks !!!!!!!!!!!!!!!!! :)

[Kiran]

It's working!!!