The Tab-index item consists of three components, tab logo, tab title and tab close icon. When editable is enabled, the end-users can edit the tab logo and the tab title by clicking on the components in the Tab-Index item, which triggers the setting function in control layer to set the Tab element attributes.
The Model for Tab UI element is dependent on the XML dom structure. The attributes in the tab model correspond with the attributes for the tab XML dom element .
Refer to UserPageLayout.xml
<Tab id="BTT_Tab2" logo="theme/tablogo/1.gif" title="user_tab1" closable="0">
<Tab id="BTT_Tab2" logo="theme/tablogo/1.gif" title="user_tab1" closable="0" editable="0">
Before adding a new tab, the original Tab XML Dom structure is:
<Tab closable="0" id="BTT_Tab2" logo="theme/tablogo/1.gif" title="user_tab1"> ... </Tab>
After adding a new Tab element, the Tab XML Dom structure is:
<Tab closable="0" id="BTT_Tab2" logo="theme/tablogo/1.gif" title="user_tab1"> ... </Tab> <Tab closable="1" editable="1" id="tab_11_1223989066218" logo="theme/tablogo/6.gif" maxColLength="3" title="New Tab"> ... </Tab>