3

数据表中的 f:setpropertyactionlistener 不会给我当前行，而是它总是给我最后一个对象..请帮助。谢谢！

代码.xhtml 

<p:dataTable id="datatableid"  value="#{updateSiteObj.emsList}" var="pickListObjEMS" >
<p:column headerText="EMS"> 
<p:pickList id="pojoPickListEMSID" value="#{pickListObjEMS.serverList}" var="ems"
itemValue="#{ems}" itemLabel="#{ems}" style="border-color: white!important" onTransfer="ajaxSubmit1()">  
<f:facet name="sourceCaption">Available</f:facet>  
<f:facet name="targetCaption">To be removed</f:facet>  
</p:pickList>
<p:remoteCommand action="# {updateSiteObj.onEMSTransfer}" name="ajaxSubmit1" >
<f:setPropertyActionListener value="# {pickListObjEMS}" target="#{updateSiteObj.tempObj}"/>
</p:remoteCommand> 
</p:column>                                     
</p:dataTable>

bean.java

 public class UpdateSite {

/** Creates a new instance of UpdateSite */

private List<List<String>> tempEMSList = new ArrayList<List<String>>();

private List<serverList> emsList = new ArrayList<serverList>();

private serverList tempObj = new serverList();

public String updateSiteDetails() {
List<String> source = new ArrayList<String>();
            List<String> target = new ArrayList<String>();
            for (String[] str : sg.getEMSDetailsList()) {
                source.add(str[0]);

            }

            DualListModel<String> tempSource = new DualListModel<String>(source, target);
            serverList obj = new serverList();
            obj.setServerList(tempSource);
//here i am adding two objects
            emsList.add(emsobj);
}
public void onEMSTransfer() {

    System.out.print("tempOBJ size:" + tempObj.getServerList().getSource().size() + "=>" + tempObj.getServerList().getTarget().size());

}

serverList 是一个具有数据类型 DualListModel 变量的类。在 onEMSTransfer 中，我看到第二个对象正在显示，即使我在选择列表中操作第一个对象也是如此。

4

1 回答 1

1

在给定的全局范围内<p:remoteCommand>生成一个 JavaScript 函数。name到目前为止，您的代码基本上会生成以下内容（右键单击页面并查看源代码以亲眼看到它）：

<script>function ajaxSubmit1() { /* Set pickListObjEMS of row 1. */ }</script>
<script>function ajaxSubmit1() { /* Set pickListObjEMS of row 2. */ }</script>
<script>function ajaxSubmit1() { /* Set pickListObjEMS of row 3. */ }</script>
<script>function ajaxSubmit1() { /* Set pickListObjEMS of row 4. */ }</script>
<script>function ajaxSubmit1() { /* Set pickListObjEMS of row x. */ }</script>

你看，它生成了多个同名的 JS 函数，相互覆盖直到最后一个！这就解释了为什么你总是得到最后一项；最后生成的 JS 函数是所有行调用的函数。

至少有两种方法可以解决此问题：

  1. 给每个 JS 函数一个唯一的名称。假设您#{pickListObjEMS}有一个id表示唯一标识符的属性，应该这样做：

    <p:pickList ... onTransfer="ajaxSubmit1_#{pickListObjEMS.id}()">
...
<p:remoteCommand ... name="ajaxSubmit1_#{pickListObjEMS.id}">

  2. 只需一个<p:remoteCommand>没有<f:setPropertyActionListener>表外的项目，并将项目的唯一 ID（或者可能是行索引）作为请求参数传递。

    <p:dataTable>
    ...
    <p:pickList ... onTransfer="ajaxSubmit1({ id: #{pickListObjEMS.id} })">
    ...
</p:dataTable>
<p:remoteCommand ... name="ajaxSubmit1" />

    您只需要#{pickListObjEMS}根据此处作为请求参数传递的 ID 重建所需的名称id。

于 2013-05-23T13:46:27.653 回答