Problem with required fields in accordion tab with one form

[SaberRider]

Hello,
I have a problem with my accordionPanel with two tabs and required fields in both tabs. The accordionPanel is in one form and when I submit the form both validations fail.

Code: Select all

<h:form>
<p:accordionPanel autoHeight="false" activeIndex="-1" dynamic="true" cache="false">
  <p:tab title="Tab 2" id="t1">
    <p:inputText id="reqTest1" required="true"/>
  </p:tab>
  <p:tab title="Tab 2" id="t2">
    <p:inputText id="reqTest1" required="true"/>
  </p:tab>
</p:accordionPanel>
</h:form>

After opening a tab the content is lodad and not unloaded on closing. So both tabs are validated and I get an error because only the expanded tab is filled.
Now I want the validation only on the one tab that is expanded and not on both. I can't use two forms because I have some content around the accordion to submit too.

Has anyone an idea for this or an alternative component to use?
I need a dynamic content with header and only one at a time expanded and validated.

[ermalaliraj]

I have the same problem and I don't want to use different form for each tab.
Can you please share the solution in case you found how to do that?

Thanks in advance for any input.
Ermal

[roguexz]

I have the same problem and I don't want to use different form for each tab.
Can you please share the solution in case you found how to do that?

Thanks in advance for any input.
Ermal

Do you have a single submit button or two? In either case, the way to go would be to specify the components of the page that need to be processed. You can specify the id of the currently-open-tab as part of the process attribute.

HTH,
Rogue

[ermalaliraj]

I have a single button and the structure is as follow:

Code: Select all

<h:form>
<p:accordionPanel id="purchaseAccordian">
	<p:tab title="Cash" id="cashTab"> 
		<p:inputText required="true"/> 
	</p:tab>

	<p:tab title="Bank">    
		<p:inputText required="true"/> 
	</p:tab>

	<p:commandButton value="Add"  
		update="listTabel" 
		actionListener="#{customerController.addPurchase}"> 					
	</p:commandButton> 
<p:accordionPanel>	
</form>

From what I understood from your comment is that I should add the parameter process="@this, openedTabId" to the button.

There is a way to get at runtime the id of the opened tab?

I tried an example hardcoding tabname as process="@this,cashTab" but seems not to work correctly.

Thank you for your help.
Ermal

[ermalaliraj]

you mentioned "You can specify the id of the currently-open-tab as part of the process attribute."

can you write a simple example please?
thank you again.
Ermal