Primefaces DataTable CellEdit不更新outputLabel

时间:2018-02-05 22:34:46

标签: primefaces jsf-2 datatable

我实际上已经在各种不同的论坛上发现了相当多的内容,但它们似乎都没有对我有用。我的问题甚至不是那么复杂,但我无法弄清楚为什么它不起作用。我已经设置了我的数据表,以便它可以编辑并设置editMode =“cell”。我设置了ajax事件并触发,但新旧值始终为null。

当我完成编辑单元格并转到下一个单元格时,单元格将返回旧值。当我点击它回来时,它会显示新值。 outputLabel和inputText标记都使用完全相同的变量,但它们没有显示相同的值。我已经尝试通过方法调用手动更新表,但没有做任何事情。还尝试在inputText标记内放置一个p:ajax标记来更新表,但这也不起作用。

这是我的JSF代码:

<p:dataTable id="dynamicTable" value="#{column.values}" var="value" editable="true" editMode="cell">
  <p:ajax event="cellEdit" listener="bean.updateCell" immediate="true" update=":dynamicTable"/>
  <p:columns value="#{bean.columns}" var="column">
    <f:facet name="header">
      <p:outputLabel value="#{column.name}"/>
    </f:facet>
    <p:cellEditor>
      <f:facet name="output"><p:outputLabel value="#{value}"/></f:facet>
      <f:facet name="input"><p:inputText value="#{value}"/></f:facet>
    </p:cellEditor>
  </p:columns>
</p:dataTable>

这是我的豆子:

@ManagedBean(name = "bean")
@ViewScoped
public class Bean implements Serializable {

  private ArrayList<Column> columns;
  
  public ArrayList<Column> getColumns(){
    return columns;
  }
  
  public void setColumns(ArrayList<Column> columns){
    this.columns = columns;
  }
  
  @PostConstruct
  void init(){
    columns = new ArrayList<>();
    Column column = new Column();
    column.setName("Acronym");

    ArrayList<String> values = new ArrayList<>();
    values.add("KFC");
    values.add("TTYL");
    values.add("BRB");

    column.setValues(values);
    columns.add(column);

    column = new Column();
    column.setName("Meaning");

    values = new ArrayList<>();
    values.add("Kentuky Fried Chicken");
    values.add("Talk to you later");
    values.add("Be right back");

    column.setValues(values);
    columns.add(column);
  }
  
  public void updateCell(CellEditEvent event){
    System.out.println((String) event.getNewValue();
  }
}

我的专栏课程:

public class Column{
  private ArrayList<String> values;
  private String name;
  
  public ArrayList<String> getValues(){
    return values;
  }
  
  public void setValues(ArrayList<String> values){
    this.values = values;
  }
  
  public String getName(){
    return name;
  }
  
  public void setName(String name){
    this.name = name;
  }
}

我重写了代码,不包含敏感信息和重命名的变量,所以如果我遗漏了某些东西,我可能已经在我的代码中使用了它,但却不小心删除了它。

1 个答案:

答案 0 :(得分:0)

事实证明我在做p:columns标签的方式不正确。在我做了以下更改之后,我的问题就解决了。

我创建了一个名为TableRow的附加类,其中包含各种String对象,以表示要使用的列。这是新代码:

JSF:

<p:dataTable id="dynamicTable" value="#{bean.tblRows}" var="row" editable="true" editMode="cell">
  <p:columns value="#{bean.columns}" var="column">
    <f:facet name="header">
      <p:outputLabel value="#{column.name}"/>
    </f:facet>
    <p:cellEditor>
      <f:facet name="output"><p:outputLabel value="#{row[column.variable]}"/></f:facet>
      <f:facet name="output"><p:inputText value="#{row[column.variable]}"/></f:facet>
    </p:cellEditor>
  </p:columns>
</p:dataTable>

豆:

@ManagedBean (name = "bean")
@ViewScoped
public class Bean implements Serializable {
  
  private ArrayList<TableRow> tblRows;
  private ArrayList<Column> columns;
  
  public ArrayList<TableRow> getTblRows(){
    return tblRows;
  }
  
  public void setTblRows(ArrayList<TableRow> tblRows){
    this.tblRows = tblRows;
  }
  
  public ArrayList<Column> getColumns(){
    return columns;
  }
  
  public void setColumns(ArrayList<Column> columns){
    this.columns = columns;
  }
  
  @PostConstruct
  void init(){
    columns = new ArrayList<>();
    columns.add(new Column("Acronym", "col1");
    columns.add(new Column("Meaning", "col2");
    
    tblRows = new ArrayList<>();
    tblRows.add(new TableRow("KFC", "Kentuky Fried Chicken"));
    tblRows.add(new TableRow("TTYL", "Talk to you later"));
    tblRows.add(new TableRow("BRB", "Be right back"));
  }
}

TableRow类:

public class TableRow {
  
  private String col1;
  private String col2;
  
  public TableRow(String col1, String col2){
    this.col1 = col1;
    this.col2 = col2;
  }
  
  public String getCol1(){
    return col1;
  }
  
  public void setCol1(String col1){
    this.col1 = col1;
  }
  
  public String getCol2(){
    return col2;
  }
  
  public void setCol2(String col2){
    this.col2 = col2;
  }
  
}

列类:

public class Column {
  
  private String name;
  private String variable;
  
  public Column(String name, String variable){
    this.name = name;
    this.variable = variable;
  }
  
  public String getName(){
    return name;
  }
  
  public void setName(String name){
    this.name = name;
  }
  
  public String getVariable(){
    return variable;
  }
  
  public void setVariable(String variable){
    this.variable = variable;
  }
}

我之所以使用“col1”和“col2”而不是给出不同的变量名称的原因是用户可以选择列标题名称,所以我不知道提前给变量命名的是什么。我想知道是否有人想要启发我如何动态地处理这个更好一点。当bean被初始化时,我不知道将会有多少列或列名称将是什么。