更新P：RemoteCommand属性工作原理

Question

Primefaces 6.0。我理解，p:remoteCommand的update属性应该用于指定Ajax应该更新的组件的clientID。我在试着了解PF是如何工作的。它与DataTable结合使用似乎并不像预期的那样工作。当我尝试直接设置update=“form:dataTable:2:bcolumn”时，它没有任何影响。但是，执行此操作（在下面的代码中注释掉）RequestContext.GetCurrentInstance（）.update（“Form：DataTable:2:BColumn”）；将强制PF更新指定的OutputText。

为什么会出现这种情况？我会为技术解释感到高兴--我正试图通过调试PF Java/JavaScript源代码来找到答案。

<h:form id="form">
    <p:remoteCommand name="remoteCall"
                     action="#{grid4.onEdit}"
                     update="form:dataTable:2:bColumn"
    />

    <p:dataTable id="dataTable"
                 var="gridItem"
                 value="#{grid4.gridItems}"
                 editable="true" editMode="cell"
    >

        <p:ajax event="cellEdit"
                oncomplete="remoteCall()">
        </p:ajax>

        <p:column headerText="A">
            <p:cellEditor>
                <f:facet name="output"><h:outputText value="#{gridItem.a}" /></f:facet>
                <f:facet name="input"><p:inputText value="#{gridItem.a}"/></f:facet>
            </p:cellEditor>
        </p:column>
        <p:column headerText="B">
            <h:outputText id="bColumn" value="#{gridItem.b}" />
        </p:column>
    </p:dataTable>

</h:form>

豆子

@ManagedBean
@ViewScoped
public class Grid4 {
    private List<GridItem> gridItems = new ArrayList<>();


    public Grid4() {
        gridItems.add(new GridItem("1", "a","b"));
        gridItems.add(new GridItem("2", "a","b"));
        gridItems.add(new GridItem("3", "a","b"));
    }

    public void onEdit() {
        System.out.println("onEdit()");
        gridItems.get(2).setB("CHANGED VALUE");
//        RequestContext.getCurrentInstance().update("form:dataTable:2:bColumn");
    }

    public List<GridItem> getGridItems() {
        return gridItems;
    }

    public void setGridItems(List<GridItem> gridItems) {
        this.gridItems = gridItems;
    }

}

Answer 1

基本上，jsf ids和客户端ids是两回事（查看这个答案和这篇文章以获得更好的理解）。

当您使用RequestContext.GetCurrentInstance（）.update（“Form:DataTable:2:BColumn”）；时，该方法使用客户端id查找必须更新组件，但是对于p:RemoteCommand的update属性，它需要的是一个jsf id，而不是生成的客户端id，因此更新不起作用。但是，primefaces支持jquery选择器来更新组件，因此您可以在update属性上使用客户端id，如以下update=“@(#YouRelementId)”