delete current tab and keep the other unsubmited tab data in the form

hibanassar — Thu, 01 Jun 2017 03:27:46 -0400

I have accordion panel inside a form with tow button one for add tabs ,another for next.

each tab have inputtexts and delete button to delete this tab.

some of tab fields are required ,and I can not add a new tab if the required not filled but I can delete any tab .

the problem : if I have aleady tabs and add a new one with some inputs filled then I want to delete previous tab ,the delete button will update the whole page and remove the last added tab data from the form without processing them.

so how can I delete previous tab without validation the current tab and keep the data in current tab.

<h:form id="form">            
    <p:accordionPanel  var="job" value="#{data.JobSet.toArray()}">
        <p:tab title="title">
           <p:outputPanel>
       <p:panelGrid>
        <p:outputLabel for="Company" value="Company"></p:outputLabel>
        <p:inputText id="Company" required="true"
         styleClass="inputFullWidth" value="#{job.name}"></p:inputText>

        <p:outputLabel value="Industry"></p:outputLabel>
        <p:inputText  value="#{job.industry}"></p:inputText>
      </p:panelGrid>
   </p:outputPanel>
   <p:commandButton  immediate="true"
       value="Delete"
       actionListener="#{logic.deleteJob(job)}" update="#{cc.id}:form"  
       icon="fa fa-trash-o"></p:commandButton>     
        </p:tab>

    </p:accordionPanel>
    <div>
     <p:commandButton validateClient="true"   
      value="Add"  actionListener="#{logic.addPJob}" update="form" >
     </p:commandButton>

     <p:commandButton validateClient="true"
      value="Next" actionListener="#{logic.send}" update="form" process="form" />
 </div>
</h:form>

Questions asked by hibanassar

delete current tab and keep the other unsubmited tab data in the form