Question

我在tabview中嵌套了一个数据表。在第一页上它的所有工作正常，我可以编辑表，但在我切换选项卡后，数据表不再可编辑。有什么我做错了吗？

使用Primefaces 5.3

<h:form id="form">
                        <p:tabView id="tabs" value="#{studentsTableView.exams}" activeIndex="#{studentsTableView.activTab}" dynamic="true" var="exam" binding="#{tabView}" cache="false" >
                         <p:ajax event="tabChange" update="form:tabs" />
                        <p:tab id="tab" title="#{exam.name}">
                            <p:dataTable id="students" rowIndexVar="rowIndex" var="student" editable="true"  widgetVar="gradetable" editMode="cell" tableStyle="width:auto"  styleClass="myTable" value="#{studentsTableView.students}">                    
                                <p:ajax event="cellEdit" update="students"  />
                                <p:column headerText="Nr">
                                    <h:outputText value="#{rowIndex+1}" />
                                </p:column>
                                <p:column headerText="Vorname">
                                    <h:outputText value="#{student.vorname}" />
                                </p:column>
                                <p:column headerText="Nachname">
                                    <h:outputText value="#{student.nachname}" />
                                </p:column>
                                <p:column headerText="Matrikelnummer">
                                    <h:outputText value="#{student.matrikelnummer}" />
                                </p:column>
                                <p:columns value="#{exam.allExams}" var="subexam" columnIndexVar="colIndex">
                                    <f:facet name="header">
                                        <h:outputText value="#{subexam.examName}" />
                                    </f:facet>
                                    <p:cellEditor>
                                        <f:facet name="output"><h:outputText id="modeloutput" value="#{studentsTableView.getGrade(subexam, student)}" /></f:facet>
                                        <f:facet name="input"><p:inputText id="modelInput"  value="#{studentsTableView.currentGrade}" valueChangeListener="#{studentsTableView.insertGrade(subexam, student)}" style="width:90%"> 
                                                <p:ajax event="change" update="modelInput" />
                                                <p:ajax event="change" update="modeloutput" />
                                                 <p:ajax event="change" update="modeloutput" />
                                                  <p:ajax event="change" update=":form:tabs:0:students" />
                                            </p:inputText></f:facet>
                                    </p:cellEditor>
                                </p:columns>
                                <p:column id="endgrades" headerText="Endnote">
                                    <h:outputText id="endgrade" value="#{studentsTableView.getEndGrade(exam, student)}" />
                                </p:column>
                                <p:column headerText="Formel">
                                    <p:selectBooleanButton id="value1" value="true" onLabel="Yes" offLabel="No" style="width:60px" />
                                </p:column>
                                <p:column headerText="Kommentar">
                                    <p:commandButton id="public" icon="ui-icon-comment" type="button" >
                                        <p:ajax event="click" listener="#{studentsTableView.setPublicCommentInfos(exam, student)}" update="publicarea" />
                                        </p:commandButton>
                                    <p:overlayPanel id="imagePanel" for="public" hideEffect="fade">
                                        <h:inputTextarea id="publicarea" value="#{studentsTableView.publicComment}" >
                                            <p:ajax event="change" update="publicarea" />
                                        </h:inputTextarea>
                                    </p:overlayPanel>
                                    <p:commandButton id="private" icon="ui-icon-locked" type="button" >
                                    <p:ajax event="click" listener="#{studentsTableView.setPrivateCommentInfos(exam, student)}" update="privatearea" />
                                     </p:commandButton>
                                    <p:overlayPanel id="privatepanel" for="private" hideEffect="fade">
                                          <h:inputTextarea id="privatearea" value="#{studentsTableView.privateComment}" >
                                            <p:ajax event="change" update="privatearea" />
                                        </h:inputTextarea>
                                    </p:overlayPanel>
                                </p:column>
                            </p:dataTable>
                        </p:tab>
                        </p:tabView>
                    </h:form>

Answer 1

您的问题可能是因为即使您切换到另一个标签，您仍然会从第一个标签中引用数据表ID。您可以尝试为每个选项卡中的每个数据表创建不同的ID，然后使用这些ID并更新它们。

切换选项卡后，DataTable不可编辑

1 个答案: