Primefaces数据表、延迟加载和每行CommandButton

Question

我有一个简单的页面：

<h:form id="form">

    <p:dataTable value="#{testBean.unitTypeModel}" var="elem" lazy="true" rows="10">
        <p:column headerText="class">#{elem.class.simpleName}</p:column>
        <p:column headerText="code">#{elem.code}</p:column>
        <p:column headerText="description">#{elem.description}</p:column>
        <p:column headerText="action">
            <p:commandButton action="test2" icon="ui-icon ui-icon-wrench" value="edit">
                <f:setPropertyActionListener target="#{testBean.selection}" value="#{elem}"/>
            </p:commandButton>
        </p:column>
    </p:dataTable>

    <p:commandButton action="test2" icon="ui-icon ui-icon-wrench"/>

</h:form>

而DataTable中的CommandButton不起作用，只是刷新页面。但是外面的那个正在工作。

如果我以这种方式更改值和惰性：

<h:form id="form">

    <p:dataTable value="#{testBean.unitTypeModel.load(0, 10, null, null, null)}" var="elem" lazy="false" rows="10">
        <p:column headerText="class">#{elem.class.simpleName}</p:column>
        <p:column headerText="code">#{elem.code}</p:column>
        <p:column headerText="description">#{elem.description}</p:column>
        <p:column headerText="action">
            <p:commandButton action="test2" icon="ui-icon ui-icon-wrench" value="edit">
                <f:setPropertyActionListener target="#{testBean.selection}" value="#{elem}"/>
            </p:commandButton>
        </p:column>
    </p:dataTable>

    <p:commandButton action="test2" icon="ui-icon ui-icon-wrench"/>

</h:form>

DataTable内部的CommanButton就像一个符咒。

有人知道为什么？

是虫子吗？

我在

• 玻璃鱼3.1.2
• JSF 2.1.11（Mojarra）
• PrimeFaces 3.4-快照

Answer 1

这个问题发布已经四年了，但问题仍然存在于6.0版。

我将为那些不想（或不能）使用ViewScoped bean的人发布一个解决方案。

前提是：“不能将任何“ajaxified”项放在绑定到RequestScoped stuff的惰性数据表中”。从不请记住，抛出ajax调用的任何东西都不会起作用。

因此，第一步是将ajax调用置于datable之外。我们将使用远程通信来做到这一点。您可以将此远程命令放置在DataTable之外的任何位置（当然是在表单中）

<p:remoteCommand name="remoteCall" action="#{bean.doStuff()}">
</p:remoteCommand>

现在，我们所要做的就是从DataTable内部调用这个RemoteCommand。我使用一个链接来执行javascript调用，但您可以使用按钮或任何您喜欢的方式：

<p:column>
    <p:link value="#{item.id}" href="#" onclick="remoteCall([{name:'id', value:#{item.id}}])">
    </p:link>
</p:column>

这个链接提供了一种调用javascript函数"Remote teCall"的方法，该函数将执行对"bean.doStuff（）"的ajax调用。

注意，onClick事件不仅包含对“remoteCall”的javascript调用，而且还包含一个参数数组，该参数数组只有一个参数，名为“id”，值为“#{item.id}”。这将允许RemoteCommand向支持bean发送一个名为“id”的参数。

在“doStuff”方法中，必须检索“id”参数值：

public void doStuff () {

    String id = FacesContext.getCurrentInstance().getExternalContext().getRequestParameterMap().get("id");

}

Answer 2

发现延迟数据模型必须是回发请求上的同一实例，即使是具有相同值的新实例也无法工作。因此，它必须至少从一个@ViewScopedbean提供。