0

我有一个带有两个选项卡的 TabView，如下面的代码所示。我的问题是只有第一个 dataTable 具有可调整大小的列，尽管我已经在其 id 为评论和 achivedComments 的两个 dataTables 上设置了它。如果我移动数据表只有第一个有列调整大小。当我在浏览器上使用 viewSource 检查源时，我注意到它只在第一个 dataTable 上而不是第二个。如果我将两个数据表放在同一个选项卡上，我还会注意到两个数据表都有可调整大小的列，即它们可以正常工作。

<p:dialog closable="true" dynamic="true" header="#{msg['00156']}"
    widgetVar="viewCommentsDlg" width="800" modal="true" showEffect="drop"
    hideEffect="drop">
    <h:form id="viewCommentsForm">
        <p:growl showDetail="true" life="2500" />
        <p:tabView>
            <p:contextMenu for="comments">
                <p:menuitem actionListener="#{comment.deleteComment}"
                    value="#{msg['00232']}"
                    update=":viewCommentsForm :ietpViewMenuBarForm:ietpViewMenuBar"
                    icon="ui-icon-trash" global="false"/>
            </p:contextMenu>
            <p:tab title="#{msg['01094']}"
                disabled="#{!comment.commentsAvailable}">
                <p:dataTable scrollable="true" scrollHeight="340"
                    rowKey="#{c.messageID}" value="#{comment.commentList}" var="c"
                    resizableColumns="true" selection="#{comment.selectedComment}"
                    selectionMode="single" sortBy="#{c.messageID}" id="comments">

                    <p:ajax event="rowToggle" global="false"/>

                    <p:column style="width: 20px">
                        <p:rowToggler />
                    </p:column>
                    <p:column headerText="#{msg['00152']}" sortBy="#{c.messageID}">
                        <h:outputText value="#{c.messageID}" />
                    </p:column>
                    <p:column headerText="#{msg['00626']}" sortBy="#{c.originator}">
                        <h:outputText value="#{c.originator}" />
                    </p:column>

                    <p:rowExpansion>
                        <h:outputText value="#{c.message}" />
                    </p:rowExpansion>

                </p:dataTable>
            </p:tab>
            <p:tab title="#{msg['01096']}"
                disabled="#{comment.viewArchiveCommentDisabled}">
                <p:dataTable scrollable="true" scrollHeight="340"
                    rowKey="#{ac.messageID}" value="#{comment.archivedCommentList}"
                    var="ac" resizableColumns="true" selection="#{comment.selectedComment}"
                    selectionMode="single" sortBy="#{ac.messageID}"
                    id="archivedComments">

                    <p:column style="width: 20px">
                        <p:rowToggler />
                    </p:column>
                    <p:column headerText="#{msg['00152']}" sortBy="#{ac.messageID}">
                        <h:outputText value="#{ac.messageID}" />
                    </p:column>
                    <p:column headerText="#{msg['00626']}" sortBy="#{ac.originator}">
                        <h:outputText value="#{ac.originator}" />
                    </p:column>

                    <p:rowExpansion>
                        <h:outputText value="#{ac.message}" />
                    </p:rowExpansion>
                </p:dataTable>
            </p:tab>
        </p:tabView>

        <p:commandButton onclick="viewCommentsDlg.hide();"
            style="float: righ`enter code here`t; margin-top: 10px; width: 80px; margin-bottom: 10px"
            type="button" value="#{msg['00138']}" />

    </h:form>
</p:dialog>

4

1 回答 1

0

remove disabled attribute from p:tab then check both tables

于 2013-10-10T12:32:32.797 回答