Array of tab objects.
Array, default = []
This array contains all the tab objects. A tab object has the following structure: tab : { id : null, // command to be sent to all event handlers text : '', // tab caption route : '', // route to follow, can have dynamic parts as /item/:id/details (see routeData) hidden : false, // defines if tab is hidden disabled : false, // defines if tab is disabled closable : false, // defines if tab is closable style : '', // additional style for the tab text tooltip : '', // mouse hint for the tab onClick : null, // click event handler (only this tab) onRefresh : null, // refresh event handler (only this tab) onClose : null // close event handler (only this tab) } You can defined them during object creation: $('#tabs').w2tabs({ name: 'tabs', tabs: [ { id: 'tab1', text: 'Tab 1' }, { id: 'tab2', text: 'Tab 2' }, { id: 'tab3', text: 'Tab 3' }, { id: 'tab4', text: 'Tab 4' } ] }); Or any time during run-time: w2ui['tabs'].tabs.push({ id: 'tab4', text: 'Tab 4' }); w2ui['tabs'].refresh(); If you change this array you will need to call .refresh() method to update tabs on the screen. To change tabs dynamically, you can also use .add(), .insert(), .doInsert(), .remove(), .set() methods.