无法更新 p:tab 内容

Question

我正在尝试更新选定选项卡的内容，但似乎没有任何方法有效。

我有这种东西：

<h:form id="tabsForm">

    <p:tabView id="tabs"
               dynamic="true"
               cache="false"
               value="#{mainPage.versions}"
               var="version"
               scrollable="true">

        <p:ajax event="tabChange" listener="#{mainPage.onTabChange}" />
        <p:ajax event="tabClose" listener="#{mainPage.onTabClose}" />

        <p:tab id="version" title="#{version.value}" closable="true">

          <p:poll interval="5" update=":tabsForm:tabs" oncomplete="doSomething()"/>

          CONTENT GOES HERE (ALSO NEEDS TO BE UPDATED)

        </p:tab>

    </p:tabView>

</h:form>

线：

<p:poll interval="60" update=":tabsForm:tabs" oncomplete="doSomething()"/>

假设每 60 秒更新每个选项卡内的内容，问题是，它总是会选择update 之后的第一个选项卡。

我尝试通过这种方式单独更新标签：

<p:poll interval="60" update=":tabsForm:tabs:version" oncomplete="doSomething()"/>

但我得到一个例外：

在没有附加渲染器的情况下，无法更新 ID 为“tabsForm:tabs:0:version”的组件“org.primefaces.component.tabview.Tab”。从“tabsForm:tabs:0:j_idt14”引用的表达式“:tabsForm:tabs:version”

我还从我在 SO 上找到的问题中尝试了很多其他方法，但没有任何效果。 它要么更新并为我选择第一个选项卡，要么根本不更新。

Answer 1

我认为您不想将标签放在动态 tabView 中。这将为每个单独的选项卡创建一个民意调查。相反，您想使用一个投票标签来更新选项卡。如果您可以更新所有选项卡并将注意力集中在当前选项卡上，那么只需..

<h:form id="tabsForm">

    <p:tabView id="tabs"
           cache="false"
           value="#{mainPage.versions}"
           var="version"
           scrollable="true">

      <p:ajax event="tabChange" listener="#{mainPage.onTabChange}" />
      <p:ajax event="tabClose" listener="#{mainPage.onTabClose}" />

      <p:tab id="version" title="#{version.value}" closable="true">

        CONTENT GOES HERE (ALSO NEEDS TO BE UPDATED)

      </p:tab>

    </p:tabView>
    <p:poll interval="60" listener="#{mainPage.updateComponent('tabsForm:tabs:version')}" oncomplete="doSomething();"/>

</h:form>

在 JavaScript 中

//if this is needed ***
function doSomething() { 
    $("#tabsForm\\:tabs ul li.ui-tabs-selected).click();
}

在主页面中：

public void updateComponent(String compId){
     RequestContext.getCurrentInstance().update(compId);
}

我删除了“dynamic=true”（似乎会导致更多问题）。通过侦听器从支持 bean 更新组件来消除错误消息。

更新单个标签更加困难并且容易出现奇怪的行为。您可以尝试，但它似乎只有在 tabIndex 不为 0 时才有效。您可以使用

捕获 tabIndex onTabChange 事件

public void onTabChange(TabChangeEvent event) {
    tabIndex = ((TabView) event.getSource()).getIndex();
}
//getter setter tabIndex

您的投票标签将类似于

<p:poll interval="60" listener="#{mainPage.updateComponent('tabsForm:tabs:' += mainPage.tabIndex += ':version')}" oncomplete="doSomething();"/>

显然 += 仅适用于 EL 3.0，您可以使用 .concat 代替。我的PF版本是6.0