Question

我想更新primefaces数据表的标题面中的按钮，但它不起作用。我复制了数据表外的按钮，一切正常。

更新应该在数据表的过滤器事件被触发时发生。我明确更新了数据表，外部和内部按钮。

目的是在没有设置过滤器时显示带图标的按钮，使用过滤器时显示另一个图标。在这个例子中，我简单地说明了用例：当没有使用过滤器时，会有一个开锁图标，如果我在过滤器中输入一些东西，则应该显示一个闭锁图标。要释放锁定，必须单击按钮（我没有实现删除数据表中的过滤器）。

根据我的理解，我使用标题内按钮的正确ID。所以我不知道为什么这不起作用？

我正在使用mojarra 2.2和primefaces 6。

<h:form id="id_form">
    <p:dataTable
        id="id_table"
        value="#{stateController.names}"
        var="currentName">

        <p:ajax
            event="filter"
            listener="#{stateController.markLocked()}"
            update="id_table id_form:id_table:id_button_inside id_form:id_button_outside"/>

        <p:column
            filterBy="#{currentName}"
            filterMatchMode="contains">
            <f:facet name="header">
                <p:commandButton
                    id="id_button_inside"
                    action="#{stateController.markUnlocked()}"
                    icon="#{stateController.locked ? 'ui-icon-locked' : 'ui-icon-unlocked'}" 
                    update="id_form"/>
            </f:facet>
            <h:outputText value="#{currentName}" />
        </p:column>
    </p:dataTable>

    <p:commandButton
        id="id_button_outside"
        action="#{stateController.markUnlocked()}"
        icon="#{stateController.locked ? 'ui-icon-locked' : 'ui-icon-unlocked'}" 
        update="id_form"
        />
</h:form>

@Named(value = "stateController")
@SessionScoped
public class StateController implements Serializable
{
    private boolean locked;
    private List<String> names;

    @PostConstruct
    private void init()
    {
        locked = false;
        names = new ArrayList<>();
        names.add("peter");
    }
    public void markLocked()
    {
        locked = true;
    }
    public void markUnlocked()
    {
        locked = false;
    }
    // getter + setter omitted
}

我还试图将一个按钮放在一个单独的列中。使用此按钮（显示在数据表的每一行中）一切正常。

Answer 1

有点晚了，但也许有人会发现它有用了。

要解决Filou的问题，您需要在dataTable外定义remoteCommand并使其更新dataTable的标题facet。

<p:remoteCommand name="rmtCommand" update="id_form:id_table:id_button_inside"/>
<p:dataTable
    id="id_table"
    value="#{stateController.names}"
    var="currentName">

    <p:ajax
        event="filter"
        listener="#{stateController.markLocked()}"
        oncomplete="rmtCommand()"/>

Prime表面数据表更新f：facet name =“header”not working

1 个答案: