jquery - 民意调查更新后无法关闭 columntoggler

Question

首先，我要感谢 Stack Overflow 如此出色，几乎回答了我们需要的所有问题。但我再次坚持了某些事情，需要帮助。我的问题是我的 columntoggler右上角没有关闭按钮(所以，当 p:poll 更新数据表时，toggle 不会关闭，每次我都必须刷新整个页面:( )。那么，我们需要 jquery 来添加它或其他东西吗我做错了。请建议我。谢谢

<h:form rendered="#{bean.value!=null}"  >

    <p:dataTable id="tab" var="var" value="#{bean.value}" >

                 <f:facet name="header">
                    Header for dataTable
                    <p:commandButton style="float:right" id="toggler" type="button" value="Columns"  icon="ui-icon-calculator" />
                    <p:columnToggler datasource="tab" trigger="toggler">
                     <p:ajax event="toggle" listener="#{bean.onToggle}" />

                        </p:columnToggler>


                 </f:facet>
    <p:column visible="#{bean.list[0]}">
            <f:facet name="header"><h:outputText value="Start"/>
            </f:facet>
            <h:outputText value="#{var.startTime}">
                <f:convertDateTime pattern="dd.MM.yyyy" />
            </h:outputText>
        </p:column>

        <p:column visible="#{bean.list[1]}">
            <f:facet name="header"><h:outputText value="End"/>
            </f:facet>
            <h:outputText value="#{var.endTime}" >
                <f:convertDateTime pattern="dd.MM.yyyy"  />
            </h:outputText>
        </p:column>

        <p:column visible="#{bean.list[2]}">
            <f:facet name="header"><h:outputText value="Name"/>
            </f:facet>
            <h:outputText value="#{var.name}" >

            </h:outputText>
        </p:column>

        </p:dataTable>

        <p:poll interval="10"  update="tab" />
   </h:form>

Answer 1

您应该为您的columnToggler 指定一个名称，以便您可以使用 PF('columnToggler') 访问它，如下所示:

<p:columnToggler widgetVar="columnToggler" datasource="tab" trigger="toggler"/>

您可以使用 PF() 和/或 jquery 隐藏 columnToggler。我发现当列 Toggler 打开时更新表时，它有多个副本，因此您也需要使用 jquery 将它们全部关闭。

<p:poll inteval="10" update="tab" 
        oncomplete="PF('columnToggler').hide();$('.ui-columntoggler').hide();" />

我还没有尝试过 poll，但我将它与 p:ajax 一起使用。