Belajar Java Web - Membuat DataTable Menggunakan Primefaces

Pada tutorial ini, saya akan menjelaskan tentang DataTable, DataTable merupakan salah satu component primefaces yang digunakan untuk menampilkan data dengan bentuk tabel. Fitur - fitur yang DataTable yang terdapat pada primefaces sangat lengkap, antara lain : Paginator, Filter, SummaryRow, ContextMenu, RowGroup, Sort, SubTable, dll

Cara Membuat DataTable Basic di Primefaces

BACA JUGA

• Belajar Java Web - Pengenalan Primefaces
• Cara Merubah Format Currency pada DataTable di Primefaces
• Cara Membuat Paginator pada DataTable di Primefaces
• Belajar Pemrograman Web Berbasis Java Menggunakan JSF
• Cara Menambahkan Filter di DataTable Primefaces

• index.xhtml
• DaftarBarangMBean.java
• DaftarBarang.java

     
<h1>DAFTAR BARANG</h1>
<p:dataTable var="barang" value="#{daftarBarangMBean.listBarang}">
     <p:column headerText="Kode Barang">
          <h:outputText value="#{barang.kodebarang}" />
     </p:column>

     <p:column headerText="Nama Barang">
          <h:outputText value="#{barang.namabarang}" />
     </p:column>

     <p:column headerText="No. Register">
          <h:outputText value="#{barang.register}" />
     </p:column>

     <p:column headerText="Jumlah">
          <h:outputText value="#{barang.jumlah}" />
     </p:column>

     <p:column headerText="Harga">
          <h:outputText value="#{barang.hargabarang}" />
     </p:column>
</p:dataTable>

@ManagedBean(name = "daftarBarangMBean")
@ViewScoped
public class DaftarBarangMBean implements Serializable{
    private List<DaftarBarang> listBarang;
    
    @PostConstruct
    public void init(){
        listBarang = getListDaftarBarang();
    }
    
    private List<DaftarBarang> getListDaftarBarang(){
        List<DaftarBarang> list = new ArrayList<>();
        list.add(new DaftarBarang(1, "1.3.2.02.02.01", "Laptop", "0001", 5, 7530000));
        list.add(new DaftarBarang(1, "1.3.2.02.02.02", "PC Komputer", "0006", 3, 4530000));
        list.add(new DaftarBarang(1, "1.3.2.02.02.03", "Notebook", "0010", 10, 3500000));
        list.add(new DaftarBarang(1, "1.3.5.02.03.01", "Buku (Belajar Java Bagi Pemula)", "0020", 20, 95000));
        return list;
    }

    public List<DaftarBarang> getListBarang() {
        return listBarang;
    }

    public void setListBarang(List<DaftarBarang> listBarang) {
        this.listBarang = listBarang;
    }
    
}

public class DaftarBarang implements Serializable{
    private long idBarang;
    private String kodebarang;
    private String namabarang;
    private String register;
    private int jumlah;
    private double hargabarang;

    public DaftarBarang() {
    }

    public DaftarBarang(long idBarang, String kodebarang, String namabarang, 
            String register, int jumlah, double hargabarang) {
        this.idBarang = idBarang;
        this.kodebarang = kodebarang;
        this.namabarang = namabarang;
        this.register = register;
        this.jumlah = jumlah;
        this.hargabarang = hargabarang;
    }

    public long getIdBarang() {
        return idBarang;
    }

    public void setIdBarang(long idBarang) {
        this.idBarang = idBarang;
    }

    public String getKodebarang() {
        return kodebarang;
    }

    public void setKodebarang(String kodebarang) {
        this.kodebarang = kodebarang;
    }

    public String getNamabarang() {
        return namabarang;
    }

    public void setNamabarang(String namabarang) {
        this.namabarang = namabarang;
    }

    public String getRegister() {
        return register;
    }

    public void setRegister(String register) {
        this.register = register;
    }

    public int getJumlah() {
        return jumlah;
    }

    public void setJumlah(int jumlah) {
        this.jumlah = jumlah;
    }

    public double getHargabarang() {
        return hargabarang;
    }

    public void setHargabarang(double hargabarang) {
        this.hargabarang = hargabarang;
    }
    
}

Sekian tutorial cara membuat DataTable menggunakan Primefaces, semoga bermanfaat.

Subscribe to receive free email updates: