2013-02-11 25 views
2

我在p:tabView中遇到了動態=「true」的問題,這讓我陷入了數天的困境。 我有三個選項卡,每個選項都有單獨的窗體,並且帶有命令按鈕的p:fileUpload用於提交表單和上載文件。 問題是我的第一個表單或選項卡工作正常,但其他兩個都沒有工作或觸發命令按鈕操作,而是刷新頁面。僅當第二次填寫表格並按下按鈕時纔會調用它們。 並添加一件事更多的fileUploadListeners在所有這些選項卡甚至工作正常,但命令按鈕不會工作或火的行動方法爲其他兩個選項卡(只有第一次填寫表格後,提交工作正常):命令按鈕不在多個選項卡上調用操作p:tabView

是這個primefaces標籤有問題(即時使用最新版本的primefaces 3.5)或者我誤解或錯過了某些東西?任何形式的指導都會有所幫助。

這裏是包含在另一個主網頁的頁面代碼:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<ui:composition xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:ui="http://java.sun.com/jsf/facelets" 
    xmlns:h="http://java.sun.com/jsf/html" 
    xmlns:f="http://java.sun.com/jsf/core" 
    xmlns:p="http://primefaces.org/ui" 
    template="/MasterPage/Master.xhtml"> 

    <ui:define name="Search"> 

     <div class="searchBarDiv"></div> 
     <br class="clear" /> 

     <div class="resultMainDiv" style="background-color: white;"> 
     <p:layout style="width:1218px;height:558px;" id="layout"> 

      <p:ajax event="toggle" /> 
      <p:layoutUnit position="west" size="300" header="UPDATES" 
       resizable="true" collapsible="true" styleClass="sliderDiv" 
       style="color:pink;"> 
      </p:layoutUnit> 

     <p:layoutUnit position="center" styleClass="resultDiv"> 
       <div class="uploadDiv"> 

        <p:tabView id="tabview" cache="false" dynamic="true"> 
         <p:tab id="docTab" title="Document"> 
         <h:form id="docf" > 

          <h:panelGrid id="grid" columns="1"> 

            <h:panelGroup> 

            <h:outputLabel styleClass="advLabel" 
             for="mId" value="Title "> 
            </h:outputLabel><h:outputLabel style="color: red;">*</h:outputLabel> 
           <h:inputText id="mId" 
             styleClass="txtfield" 
             value="#{documentInsertController.documentTitle}"> 

            </h:inputText> 
            </h:panelGroup> 



            <h:panelGroup> 
            <h:outputLabel class="advLabel">Dated </h:outputLabel> 
           <p:calendar styleClass="txtfield" id="dtxtOrginated" 
             mode="popup" navigator="true" yearRange="1900:2015" 
             pattern="dd-MMM-yyyy" 
             converter="CalendarDateStringConverter" 
             value="#{documentInsertController.documentOriginatedOn}" /> 

            </h:panelGroup> 

            <h:panelGroup> 
            <h:outputLabel class="advLabel">KeyWord</h:outputLabel><h:outputLabel 
            style="color: red;"> *</h:outputLabel> 
           <h:inputText id="dtxtKeywordsList" 
             value="#{documentInsertController.documentKeywords}" 
             styleClass="txtfield" /> 
            </h:panelGroup> 

             <h:panelGrid rendered="#{renderBean.viewLoad}"> 
           <h:panelGroup> <h:outputLabel class="advLabel">Select Document</h:outputLabel><h:outputLabel 
            style="color: red;"> *</h:outputLabel> 
            <p:fileUpload id="fu" allowTypes="/(\.|\/)(DOC|DOCX|doc|docx|ppt|xls|xlsx|pdf)$/" 
           multiple="false" mode="advanced" sizeLimit="41949000" showButtons="false" 
           fileUploadListener="#{documentInsertController.uploadPListener}" label="Browse" 
           value="#{documentInsertController.file}" > 
           <h:message id="docMSG" for="fu"></h:message> 
           </p:fileUpload> 

            </h:panelGroup> 

            <h:panelGroup> 
             <p:commandButton id="DocUpoadLoad" styleClass="btn" 
           value="Load File For Preview" ajax="false" 
           action="#{documentInsertController.loadDocForPreview}" 

           style="background-color:#FEAA41;background-image:none;color:white;font-weight:bold;width:170px; height:25px;"> 

           </p:commandButton> 
            </h:panelGroup> 
            </h:panelGrid>  

       </h:panelGrid> 
        </h:form> 

          <p:commandButton id="DocUploadbtn" value="Upload" 
           action="#{documentInsertController.saveDocument}" 
           ajax="false" 
           style="background-color:#FEAA41;background-image:none;color:white;font-weight:bold; "> 

          </p:commandButton> 

         </h:panelGrid>   

        </p:tab> 

        <p:tab id="imgTab" title="Image"> 

         <h:form id="imagef" > 
        <h:panelGrid id="grid" columns="1"> 
          <h:panelGroup> <h:outputLabel class="advLabel">Title </h:outputLabel> <h:outputLabel 
            style="color: red;"> *</h:outputLabel> 
           <h:inputText id="txtImgTitle" 
             value="#{mediaInsertController.mediaTitle}" 
             styleClass="txtfield" > 
            </h:inputText> 
            </h:panelGroup> 
           <h:panelGroup> <h:outputLabel class="advLabel">Taken Date</h:outputLabel> 
           <p:calendar styleClass="txtfield" 
             id="imgtxtOrginated" mode="popup" navigator="true" 
             yearRange="1900:2015" pattern="dd-MMM-yyyy" 
             converter="CalendarDateStringConverter" 
             value="#{mediaInsertController.mediaTakenOn}" /> 
           </h:panelGroup> 

           <h:panelGroup> <h:outputLabel class="advLabel">Description</h:outputLabel> 
            <h:inputTextarea id="txtImgDescription" 
             value="#{mediaInsertController.mediaDescription}" 
             styleClass="txtImgDescription" /></h:panelGroup> 

           <h:panelGroup> <h:outputLabel class="advLabel">Select Image</h:outputLabel><h:outputLabel 
            style="color: red;"> *</h:outputLabel> 


           <p:fileUpload id="fuImage" allowTypes="/(\.|\/)(jpeg|jpg|png|bmp|gif|GIF|PNG)$/" 
           multiple="false" mode="advanced" sizeLimit="6291456" showButtons="false" 
           label="Browse" invalidSizeMessage="File exceeds limmit 6 MB " 
           value="#{mediaInsertController.file}" fileUploadListener="#{mediaInsertController.uploadPListener}" /> 
           <h:message id="imgMSG" for="fuImage"></h:message> 
            </h:panelGroup> 


          <p:commandButton styleClass="btn" id="btnUploadImage_Click" ajax="false" 
              value="Upload" actionListener="#{mediaInsertController.saveImage}" 
              style="background-color:#FEAA41;background-image:none;color:white;font-weight:bold; "> 

           </p:commandButton> 

          </h:panelGrid> 

         </h:form> 

        </p:tab> 

        <p:tab id="vidTab" title="Video"> 

          <h:form id="videof" > 
        <h:panelGrid id="grid" columns="1"> 
           <h:panelGroup> 
           <h:outputLabel class="advLabel">Title </h:outputLabel> <h:outputLabel 
            style="color: red;"> *</h:outputLabel> 
           <h:inputText id="vtxtTitle" 
             value="#{mediaInsertController.mediaTitle}" 
             styleClass="txtfield" maxlength="50" > 
            </h:inputText></h:panelGroup> 

           <h:panelGroup> <h:outputLabel class="advLabel">Taken Date</h:outputLabel> 
           <p:calendar styleClass="txtfield" id="vtxtOrginated" 
             mode="popup" navigator="true" yearRange="1900:2015" 
             pattern="dd-MMM-yyyy" 
             converter="CalendarDateStringConverter" 
             value="#{mediaInsertController.mediaTakenOn}" /> 
           </h:panelGroup> 

           <h:panelGroup> <h:outputLabel for="txtVidDescription" 
             value="Description" styleClass="advLabel"></h:outputLabel> 

            <h:inputTextarea id="txtVidDescription" 
             value="#{mediaInsertController.mediaDescription}" 
             styleClass="txtUploading" style="height:40px" /> 
           </h:panelGroup> 
           <h:panelGroup> <h:outputLabel class="advLabel">Select Video</h:outputLabel><h:outputLabel 
            style="color: red;"> *</h:outputLabel> 

           <p:fileUpload id="fuVideo" allowTypes="/(\.|\/)(mp4|flv|swf)$/" invalidFileMessage="Invalid file content" 
           multiple="false" mode="advanced" sizeLimit="629145699" showButtons="false" update="vidMSG" 
           fileUploadListener="#{mediaInsertController.uploadPListener}" label="Browse" invalidSizeMessage="Size exeeds limit 600MB" 
           value="#{mediaInsertController.file}" /> 
           <h:message id="vidMSG" for="fuVideo"></h:message> 


           </h:panelGroup> 




          <p:commandButton styleClass="btn" id="btnUploadVideo_Click" ajax="false" 
           value="Upload" action="#{mediaInsertController.saveVideo}" 
           style="background-color:#FEAA41;background-image:none;color:white;font-weight:bold; "> 

          </p:commandButton> 

          </h:panelGrid>        


         </h:form> 

        </p:tab> 


        </p:tabView> 

       </div> 

      </p:layoutUnit> 
     </p:layout> 

     <p:growl autoUpdate="true" sticky="true" id="uploadMSG"></p:growl> 

     </div> 
    </ui:define> 
</ui:composition> 

回答

0

commandButton id="DocUploadbtn"處於H外:形式,也可能會影響的東西。在同一地區似乎也有三個關閉標籤h:panelGrid;它可能是畸形的XHTML?

+0

甚至內部形成相同的問題。圖像和視頻選項卡按鈕不調用任何動作 – 2013-02-12 04:25:20

+0

我完全刪除了p:tab視圖,並且上傳的所有選項卡僅用於檢查命令按鈕是否工作在這些多個表單中,但即使沒有p:tabView也會出現同樣的問題。在我失蹤或沒有看到的頁面中有其他錯誤 – 2013-02-12 04:27:47

+0

很難說,有很多嵌套的XHTML很難通過;它可能是mediaInsertController後臺bean的問題。我建議將你的代碼分割成不同的包含文件,並以這種方式縮小問題的範圍。 – 2013-02-12 14:41:08

相關問題