如何在JSF中显示ArrayList页面

Question

我想创建可编辑的h:panelGrid。我创建了这个ArrayList：

public ArrayList<userdata> dataList = new ArrayList<>(); 

    public class userdata 
    { 

     int userid; 
     int groupid; 
     String specialnumber; 
     String username; 
     String passwd; 
     Date datetochangepasswd; 
     String address; 
     String stateregion; 
     String country; 
     String userstatus; 
     String telephone; 
     Date dateuseradded; 
     Date userexpiredate; 
     Date dateuserlocked; 
     String city; 
     String email; 
     String description; 

     public userdata(int userid, int groupid, String specialnumber, String username, String passwd, Date datetochangepasswd, 
       String address, String stateregion, String country, String userstatus, String telephone, Date dateuseradded, 
       Date userexpiredate, Date dateuserlocked, String city, String email, String description) 
     { 

      this.userid = userid; 
      this.groupid = groupid; 
      this.specialnumber = specialnumber; 
      this.username = username; 
      this.passwd = passwd; 
      this.datetochangepasswd = datetochangepasswd; 
      this.address = address; 
      this.stateregion = stateregion; 
      this.country = country; 
      this.userstatus = userstatus; 
      this.telephone = telephone; 
      this.dateuseradded = dateuseradded; 
      this.userexpiredate = userexpiredate; 
      this.dateuserlocked = dateuserlocked; 
      this.city = city; 
      this.email = email; 
      this.description = description; 
     } 

     public String getAddress() 
     { 
      return address; 
     } 

     public void setAddress(String address) 
     { 
      this.address = address; 
     } 

     public String getCity() 
     { 
      return city; 
     } 

     public void setCity(String city) 
     { 
      this.city = city; 
     } 

     public String getCountry() 
     { 
      return country; 
     } 

     public void setCountry(String country) 
     { 
      this.country = country; 
     } 

     public Date getDatetochangepasswd() 
     { 
      return datetochangepasswd; 
     } 

     public void setDatetochangepasswd(Date datetochangepasswd) 
     { 
      this.datetochangepasswd = datetochangepasswd; 
     } 

     public Date getDateuseradded() 
     { 
      return dateuseradded; 
     } 

     public void setDateuseradded(Date dateuseradded) 
     { 
      this.dateuseradded = dateuseradded; 
     } 

     public Date getDateuserlocked() 
     { 
      return dateuserlocked; 
     } 

     public void setDateuserlocked(Date dateuserlocked) 
     { 
      this.dateuserlocked = dateuserlocked; 
     } 

     public String getDescription() 
     { 
      return description; 
     } 

     public void setDescription(String description) 
     { 
      this.description = description; 
     } 

     public String getEmail() 
     { 
      return email; 
     } 

     public void setEmail(String email) 
     { 
      this.email = email; 
     } 

     public int getGroupid() 
     { 
      return groupid; 
     } 

     public void setGroupid(int groupid) 
     { 
      this.groupid = groupid; 
     } 

     public String getPasswd() 
     { 
      return passwd; 
     } 

     public void setPasswd(String passwd) 
     { 
      this.passwd = passwd; 
     } 

     public String getSpecialnumber() 
     { 
      return specialnumber; 
     } 

     public void setSpecialnumber(String specialnumber) 
     { 
      this.specialnumber = specialnumber; 
     } 

     public String getStateregion() 
     { 
      return stateregion; 
     } 

     public void setStateregion(String stateregion) 
     { 
      this.stateregion = stateregion; 
     } 

     public String getTelephone() 
     { 
      return telephone; 
     } 

     public void setTelephone(String telephone) 
     { 
      this.telephone = telephone; 
     } 

     public Date getUserexpiredate() 
     { 
      return userexpiredate; 
     } 

     public void setUserexpiredate(Date userexpiredate) 
     { 
      this.userexpiredate = userexpiredate; 
     } 

     public int getUserid() 
     { 
      return userid; 
     } 

     public void setUserid(int userid) 
     { 
      this.userid = userid; 
     } 

     public String getUsername() 
     { 
      return username; 
     } 

     public void setUsername(String username) 
     { 
      this.username = username; 
     } 

     public String getUserstatus() 
     { 
      return userstatus; 
     } 

     public void setUserstatus(String userstatus) 
     { 
      this.userstatus = userstatus; 
     } 
    } 


    // Getter for the data list 
    public ArrayList<userdata> getuserdata(){ 

     return dataList; 
    } 

我想将数据显示到h:panelGrid。你能告诉我怎么做到这一点？

我想创建this可编辑表格，但是用h:panelGrid。我想可以用h:panelGrid代替h:dataTable？

最良好的祝愿

Answer 1

虽然它实际上可能是有可能破解一些与h:panelGrid，你可能会与你的MB很多不必要的代码来摆弄，只是用于创建和绑定组件。

如果你想为你的HTML表格更细粒度的控制，你想要做什么可能是使用ui:repeat，像这样：

<table> 
    <ui:repeat var="elem" value="#{yourMB.yourDataList}"> 
     <tr> 
      <td>#{elem.userid}</td> 
      <td> 
       <h:outputText value="#{elem.name}" 
        rendered="#{not elem.editable}" /> 
       <h:inputText value="#{elem.name}" rendered="#{elem.editable}" /> 
      </td> 
      <td> 
       <h:outputText value="#{elem.telephone}" 
        rendered="#{not elem.editable}" /> 
       <h:inputText value="#{elem.telephone}" 
          rendered="#{elem.editable}" /> 
      </td> 
      <td> 
       <h:commandLink value="Edit" rendered="#{not elem.editable}" 
       action="#{yourMB.editAction(elem)}" /> 
      </td> 
     </tr> 
    </ui:repeat> 
</table> 
<h:commandButton value="Save Changes" action="#{yourMB.saveAction}" /> 

对于这个工作，你应该有一个后台bean看起来像这样的：

@ManagedBean 
@ViewScoped 
public class YourMB { 
    private List<Elem> dataList; 

    @PostConstruct 
    public void init() { 
     // initialize dataList here 
    } 
    public void editAction(Elem e) { 
     e.setEditable(true); 
    } 
    public void saveAction() { 
     // do your thing here to update in the database, 
     // and then reset the editable property for all items: 
     for (Elem e : dataList) { 
      e.setEditable(false); 
     } 
    } 
    // getters and setters... 
} 

退房the tutorials available here，教导如何使用ui:repeat并给出其他选择在JSF循环。