JSF - Utilizzo di DataModel in una DataTable

In questa sezione, mostreremo l'uso di datamodel in una dataTable.

Applicazione di esempio

Creiamo un'applicazione JSF di prova per testare la funzionalità di cui sopra.

Passo	Descrizione
1	Creare un progetto con un nome HelloWorld sotto un pacchetto com.tutorialspoint.test come spiegato nella JSF - Visualizza DataTable sottocapitolo di JSF - DataTable capitolo.
2	Modificare UserData.java come spiegato di seguito.
3	Modifica home.xhtml come spiegato di seguito. Mantieni invariato il resto dei file.
4	Compilare ed eseguire l'applicazione per assicurarsi che la logica aziendale funzioni secondo i requisiti.
5	Infine, crea l'applicazione sotto forma di file war e distribuiscila nel server Web Apache Tomcat.
6	Avvia la tua applicazione web utilizzando l'URL appropriato come spiegato di seguito nell'ultimo passaggio.

UserData.java

package com.tutorialspoint.test;

import java.io.Serializable;

import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
import javax.faces.model.ArrayDataModel;
import javax.faces.model.DataModel;

@ManagedBean(name = "userData", eager = true)
@SessionScoped
public class UserData implements Serializable {
   private static final long serialVersionUID = 1L;

   private static final Employee[] employees =  new Employee[] {
      new Employee("John", "Marketing", 30,2000.00),
      new Employee("Robert", "Marketing", 35,3000.00),
      new Employee("Mark", "Sales", 25,2500.00),
      new Employee("Chris", "Marketing", 33,2500.00),
      new Employee("Peter", "Customer Care", 20,1500.00)
   };

   private DataModel<Employee> employeeDataModel 
      = new ArrayDataModel<Employee>(employees);

   public DataModel<Employee> getEmployees() { 
      return employeeDataModel; 
   }	
}

home.xhtml

<?xml version = "1.0" encoding = "UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns = "http://www.w3.org/1999/xhtml"   
xmlns:h = "http://java.sun.com/jsf/html"
xmlns:f = "http://java.sun.com/jsf/core">
   
   <h:head>
      <title>JSF tutorial</title>		
      <h:outputStylesheet library = "css" name = "styles.css"  /> 	
   </h:head>
   
   <h:body> 
      <h2>DataTable Example</h2>
      
      <h:form>
         <h:dataTable value = "#{userData.employees}" var = "employee"
            styleClass = "employeeTable"
            headerClass = "employeeTableHeader"
            rowClasses = "employeeTableOddRow,employeeTableEvenRow">
      
            <h:column> 
               <f:facet name = "header">Sr. No</f:facet>
               #{userData.employees.rowIndex + 1}
            </h:column>
            
            <h:column>    				
               <f:facet name = "header">Name</f:facet>    				
               #{employee.name}
            </h:column>
            
            <h:column>
               <f:facet name = "header">Department</f:facet>
               #{employee.department}
            </h:column>
            
            <h:column>
               <f:facet name = "header">Age</f:facet>
               #{employee.age}
            </h:column>
            
            <h:column>
               <f:facet name = "header">Salary</f:facet>
               #{employee.salary}
            </h:column>
         </h:dataTable>
      </h:form>
   
   </h:body>
</html>

Una volta che sei pronto con tutte le modifiche apportate, compiliamo ed eseguiamo l'applicazione come abbiamo fatto nel capitolo JSF - Prima applicazione. Se tutto va bene con la tua applicazione, questo produrrà il seguente risultato.

↰ Previous page

JSF - Utilizzo di DataModel in una DataTable

Applicazione di esempio

UserData.java

home.xhtml

Tutorial JSF