The TABVIEW widget creates a tab for each page opened by using a unique FRAMEWORK that opens other pages within it instead of a new page in the navigation stack. When you want to have multiple pages that a user can switch between without having to navigate. This can solve a lot of roadblocks that occur with regular navigation, such as if a user needed to go back they would lose the context of the page they were on- with Tabview they can select the previous tab and then go back to the one they were on without either losing their state.
Restrictions:
TABVIEW overrides regular navigation and open()EVENTS will open the page in a new tab within the TABVIEW.
Having a lot of tabs open will use a lot of system resources.
The id of the datasource used to build the tabview. This is optional. If used, the first <TAB/> is used as a prototype.
index
int
0
The selected tab index
bar
bool
true
Display the <TABVIEW/> tab selector bar. When false, tab navigation is done programatically using methods described below
menu
bool
true
Display the <TABVIEW/> navigation menu
allowback
bool
true
When true, calling back() deletes the current tab if closeable (or nearest closeable <TAB/>). When the tab list is empty or there are no remaining closeable tabs, a subsequent call to back() navigates back to the previous page. If false, back() navigates to the previous page.
Methods
Name
Description
open(identifier)
Where identifier is the id (string) of an existing <TAB/>, the index (int) of the <TAB/> or the url of the tab
close(identifier)
Where identifier is the id (string) of an existing <TAB/>, the index (int) of the <TAB/> or the url of the <TAB/>
add(url,title,closeable,icon)
Where url is a valid string url of the TEMPLATE to display, title (string) of the TAB text, icon (string) of the TAB icon (optional), and if the <TAB/> is closeable (bool)
next()
Selects/ and displays the next <TAB/> in the tab view (wraps). This can also be accomplished by incrementing the index property.
prev()
Selects/ and displays the previous tab in the <TAB/> view (wraps). This can also be accomplished by incrementing the index property.
first()
Selects/ and displays the first tab in the <TAB/> view. This can also be accomplished by incrementing the index property.
last()
Selects/ and displays the last <TAB/> in the tab view. This can also be accomplished by incrementing the index property.
Example 1
TABVIEW inside a Splitview opening tabs from a Treeview
