PrimeFaces Tabview選項卡更改不起作用

我有3個選項卡的簡單流程。我已經在展示上測試了簡單的tabview示例。但是當我用我的內容更改第一個選項卡時，我無法切換到其他選項卡。PrimeFaces Tabview選項卡更改不起作用

請指導我什麼是錯的，需要改變。早些時候我使用了嚮導，但我在那裏有相同的標籤更換問題，因爲每次點擊時都會將我帶到最後一個標籤。和現在面臨的另一個問題TabView的

我張貼的代碼：

<h:form id="compositionmaster"> 
    <p:tabView id="tabView"> 

    <p:tab id="tab1" title="Committee Details"> 

       <h:panelGrid columns="2" columnClasses="label, value"> 
        <h:outputText value="Committee Type: " /> 
        <p:selectOneMenu id="type" value="#{userWizard.comm.committeeType}" effect="fade"> 
         <f:selectItem itemLabel="----Select----" itemValue="0" /> 
         <f:selectItem itemLabel="New" itemValue="1" />     
         <f:selectItem itemLabel="Existing" itemValue="2" /> 

        </p:selectOneMenu> 

        <h:outputText value="Concerned Division: " /> 
        <p:selectOneMenu id="division" value="#{userWizard.comm.committeeSubType}" effect="fade"> 
         <f:selectItem itemLabel="----Select----" itemValue="0" /> 
         <f:selectItem itemLabel="Administration" itemValue="1"/> 
         <f:selectItem itemLabel="Finance" itemValue="2" /> 
         <f:selectItem itemLabel="Marketing" itemValue="3" /> 
         <f:selectItem itemLabel="Others" itemValue="4" /> 
        </p:selectOneMenu> 

        <h:outputText value="Committee Name: " /> 
        <p:inputText value="#{userWizard.comm.committeeName}" maxlength="100"/> 

        <h:outputText value="Subject: " /> 
        <p:inputText value="#{userWizard.comm.committeeSubject}" maxlength="100" /> 

        <h:outputText value="Description: " /> 
        <p:inputText value="#{userWizard.comm.committeeDescription}" maxlength="500" /> 

        <h:outputText value="Tenure of Committee: " /> 
        <p:panelGrid columns="2" > 
         <p:inplace id="Tenure" label="From"> 
          <p:calendar value="#{userWizard.comm.startDate}" id="start" showOn="button" /> 
         </p:inplace> 
         <p:inplace label="To"> 
          <p:calendar value="#{userWizard.comm.endDate}" id="end" showOn="button" /> 
         </p:inplace> 
        </p:panelGrid> 
        <h:outputText value="Add Document: " /> 

        <h:form enctype="multipart/form-data"> 

         <p:fileUpload fileUploadListener="#{fileBean.handleFileUpload}" mode="advanced" update="messages" multiple="true" sizeLimit="100000" allowTypes="/(\.|\/)(gif|jpe?g|png|doc|pdf)$/"/> 

        </h:form> 
       </h:panelGrid>  
     </p:tab> 

    <p:tab id="tab2" title="Godfather Part II"> 
     <h:panelGrid columns="2" cellpadding="10"> 

      <h:outputText id="tab2Text" value="stature grows."/> 
     </h:panelGrid> 
    </p:tab> 

    <p:tab id="tab3" title="Godfather Part III"> 
     <h:panelGrid columns="2" cellpadding="10"> 

      <h:outputText id="tab3Text" value="After a promise that his family would one day be completely legitimate."/> 
     </h:panelGrid> 
    </p:tab> 

</p:tabView> 

</h:form>

來源

2013-04-24 Kanika Prime

不要使用嵌套形式

HTML不允許嵌套形式，所以你不應該他們在primefaces使用它們可能會導致不良行爲。

參見：other計算器questions，或事情，以避免在JSF好的收集：here（注2點）

這是我在你的代碼中看到的唯一問題。除此之外，在極少數情況下，如果使用ajax而不處理整個表單，可能會遇到問題。但正如我所看到的，在你的代碼中並非如此。

來源

2013-04-24 05:37:20 Matyas

哦！我認爲這就是我的大部分組件不能正常工作的原因。非常感謝 – 2013-04-24 05:49:43

PrimeFaces Tabview選項卡更改不起作用

回答

相關問題