ShowTable of Contents
problem with validators in tabbed table / tabbedPanel
In a xp.tabbedPanel only the first tab is rendered on page load, other tabs are rendered when the user clicks them. Therefore, a full or partial update happens when the user clicks on a tab, which triggers field validators.
So in the end, the user cannot open another tab until all validators on the current tab are fullfilled.
Currently there is no workaround or solution using the xp:tabbedPanel tag. But there is a good alternative: the djTabContainer from the Extension Library.
Simply add a Dojo Tab Container control from the Dojo Layout section, and inside the Dojo Tab Container add one Dojo Tab Pane control per tab.
This code is an example:
<xe:djTabContainer id="djContentPane1" tabPosition="top"
style="width:500px; height:100px; margin:5px;">
<xe:djTabPane id="djTabPane1" title="Tab 1">
Tab panel #1
<xe:djTabPane id="djTabPane2" title="Tab 2"
Tab panel #2
CAUTION! It's important to set a width and height using the style attribute or CSS class. Otherwise, the panel is not visible.
With partialRefresh="false", the content of all tabs is loaded on page load. If you set partialRefresh="true", the content of that tab is not loaded on page load, but when the user activates the tab.