JSF PrimeFaces inputText IndataTable内部

Question

JSF-2.0、Mojarra 2.1.19、PrimeFaces 3.4.1

问题摘要：在p:dataTable内部有一个p:inputText和p:remoteCommand激发的inputText操作，该操作使用f:setPropertyActionListener将dataTable行索引作为参数传递。但它总是传递dataTable的最后一行，而不是包含当前单击的p:inputtext的行的索引。

从我前面的问题中可以看出，我正在尝试使用p:inputtext作为一个状态的注释接受者，比如在Facebook等中。实现包括一个p:dataTable。它的行代表每种状态。好像是：

<p:dataTable id="dataTable" value="#{statusBean.statusList}" var="status"
                     rowIndexVar="indexStatusList">
    <p:column>
        <p:panel id="statusRepeatPanel">
            <p:remoteCommand name="test" action="#{statusBean.insertComment}"
                update="statusRepeatPanel">
                <f:setPropertyActionListener 
                    target="#{statusBean.indexStatusList}"
                    value="#{indexStatusList}">
                </f:setPropertyActionListener>
            </p:remoteCommand>
            <p:inputText id="commentInput" value="#{statusBean.newComment}"
                onkeypress="if (event.keyCode == 13) { test(); return false; }">
            </p:inputText>
        </p:panel>
    </p:column>
</p:dataTable>

上面的代码说，当按enter键时，激发p:remoteCommand，它调用托管bean的insert方法。

@ManagedBean
@ViewScoped
public class StatusBean {
    List<Status> statusList = new ArrayList<Status>();
    public int indexStatusList;
    public String newComment
    //getters and setters
    public void insertComment() {
        long statusID = findStatusID(statusList.get(indexStatusList));
        statusDao.insert(this.newComment,statusID)
    }

让我们一起调试；假设p:dataTable中显示了三种状态，单击处于第二种状态（索引为1）的p:inputtext，键入“RELAX”并按enter键。

在调试控制台中，它正确地显示了“RELAX”，但它发现了错误的状态，因为IndexStatusList具有值2，该值属于p:StatusList中的最后一个状态。必须是1，它是单击dataTable行的p:inputtext的索引。

我认为问题是关于p:remoteCommand的，它使用屏幕上的最后一个索引。

它是如何运作的？

让我们假设有一个p:commandlink而不是p:remotecommand和p:inputtext:

<p:commandLink action=#{statusBean.insertComment>
      <f:setPropertyActionListener target="#{statusBean.indexStatusList}"
          value="#{indexStatusList}"></f:setPropertyActionListener>

Answer 1

此解决方案中的概念问题在于p:remoteCommand的工作方式。它创建JavaScript函数，其名称在p:remoteCommand的name属性中定义。当您在dataTable中输入它时，它将迭代并创建名为test的JavaScript函数，其次数与表中的行数相同，最后一个行数只有一个。因此，解决方案可以在remoteCommand的名称处附加索引，但这是不好的，因为您会有许多不必要的JavaScript函数。更好的方法是创建一个函数，并将参数传递给它。因此在DataTable外部定义RemoteCommand:

<p:remoteCommand name="test" action="#{statusBean.insertComment}" update="statusRepeatPanel">

并在onkeypress事件中调用test函数，如下所示：

test([{ name: 'rowNumber', value: #{indexStatusList} }])

这将在AJAX请求中传递rownumber参数。在backking bean的insertcomment()方法中，您可以读取该参数并对其进行任何操作：

FacesContext context = FacesContext.getCurrentInstance();
Map map = context.getExternalContext().getRequestParameterMap();
Integer rowNumber = Integer.parseInt(map.get("rowNumber").toString());

注意：当您正在更新每一行中的面板时，也许您可以将remoteCommand的update属性更改为@parent，这样，这将适用于所有行。

编辑：您可以在Java方法中用以下代码更新特定行中的特定面板：

RequestContext.getCurrentinstance().update("form:dataTable:" + rowNumber + ":statusRepeatPanel")