jqxSplitLayout dinamically add new tabs to datasource

[JecParticipant]

Hi I was experimenting the features of jqxSplitLayout.
I have a problem adding new tabs dinamically to the layout.

The definition:
var layout = new jqxSplitLayout(“#_wm_BodyLeft”,
{
dataSource: [
{id:”uno”, type: “tabs”, content: “Item1”, modifiers: [‘drag’], position: “right” },
{id:”due”, type: “tabs”, content: “Item2”, modifiers: [‘drag’], position: “bottom”}
]
}
)
}

When I try to add a new tab:
var _locArr = $(“#_wm_BodyLeft”).jqxSplitLayout(‘dataSource’)
_locArr.push({ id: “tre”, type: “tabs”, content: “Item3333”, modifiers: [‘drag’], position: “right” })
$(“#_wm_BodyLeft”).jqxSplitLayout({dataSource: _locArr } )
$(“#_wm_BodyLeft”).jqxSplitLayout(‘refresh’)

but nothing happens.

Have you any suggestions?

Thanks

[svetoslav_borislavovParticipant]

Hi,

Could you, please invoke the dataBind method after setting the new dataSource?
You can see how I managed to add new tab here: http://jsfiddle.net/t6oxqaeb/

Hope this helps!

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[JecParticipant]

Thank you Svetoslav.
It worked!

[Author]

Posts