Question

我有一个带有两个标签的TabView，如下面的代码所示。我的问题是只有第一个dataTable具有可调整大小的列，尽管我已经在其id为comments和achivedComments的dataTable上设置了它。如果我只移动第一个数据表，则会调整列的大小。当我在浏览器上使用viewSource检查源时，我注意到只有第一个dataTable而不是第二个。如果我将两个dataTable放在同一个标签上，我也注意到两个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>

Answer 1

从p：tab中删除disabled属性，然后检查两个表

Jsf列在单独的Tab上没有调整大小

1 个答案: