Hi,
I'm stuck with the tabbed navigation part. I want to create a new tab on click of a button(whose name is editable). And on creation of new tab, it should display the same empty table(created using Kendo Grid). I tried to do like http://dojo.telerik.com/iGIqE. But, it did not work.
Please find my js fiddle I've created, below.
https://jsfiddle.net/aravind_93/ope4ojtg/
In short, I would like to add new tab on click, whose tab name is editable, which should display empty grid table I've already created. Please advice me on how to do this. (I had tried to integrate Grid inside TabStrip..)
Thank you.
3 Answers, 1 is accepted
Hello Aravind,
My suggestion is to use the Kendo UI TabStrop append method in order to append a new tab to the tab collection. Please refer to the http://dojo.telerik.com/iGIqE/11 example.
Hope that this will be helpful.
Regards,
Boyan Dimitrov
Telerik
Rank 1
May I know how that is editable??
It should be made editable on click.
Also, I would like to know to duplicate a div when a new tab is added dynamically.
Hello Aravind,
I am afraid that the Kendo UI TabStrop does not support such functionality: on click to make the tab editable.
One possible way is to have an input element, where user can type the text of the tab. This value can be used when a tab is added dynamically.
Could you please elaborate a bit more on your second question? The div containing the Kendo UI Grid should be duplicated in the content area of newly created tab? If this is the case I would suggest to use the contentHolder method that obtains the DOM element that holds tab content.
Regards,
Boyan Dimitrov
Telerik