How to set ZK Listbox Listheader label or header column label from query collumn name ?

Terimakasih pada seorang temen yang menanyakan cara mengisi label pada header ZK Listbox dari hasil query. Tutorial ini akan menjelaskan :

“Bagaimana cara mengisi label Listbox header pada ZK Framework dari nama kolom hasil query ?”

Sebenarnya cara ini jarang dipakai, tetapi kadang dibutuhkan pada kasus tertentu. Kebanyakan pengambilan data berupa list of data : List<Data> cukup dari ORM seperti JPA atau Hibernate. Untuk case ini, masih menggunakan jdbc yaitu untuk keperluan pengambilan ResultsetMetaData dimana pada object ini terdapat semua info mengenai hasil query kita. Atau jika metode ORM bisa diambil daftar nama kolomnya, aku belum pernah coba.

Skenario:

1. Kita memiliki tabel di MySql : tbl_set_kota
   
2. Kita ingin menampilkan hasil query ke Listbox menggunakan zk framework dengan nama header nya diambil dari nama kolom hasil query:

   SELECT kd_kota,nm_kota FROM `tbl_set_kota`
   

   

Step by step:

1. Buat query

   SELECT kd_kota,nm_kota FROM `tbl_set_kota`
   

2. Buat zul dengan nama kota.zul

   <?xml version="1.0" encoding="UTF-8"?>
   
   <zk xmlns="http://www.zkoss.org/2005/zul">
       <borderlayout apply="net.ahsanfile.zk.tutorial.controller.setting.KotaController">
           <center border="none" flex="true" style="padding:8px">
               <vbox>
                   <hbox>
                       <button label="Add" id="btnAddKota"/>
                       <button label="Edit" id="btnEditKota" disabled="true"/>
                   </hbox>
                   <listbox id="listKota" width="600px"></listbox>
               </vbox>
           </center>
           <south id="detailKota" title="Detail Kota" border="none" size="50%" flex="true" splittable="true" collapsible="true" open="false">
               <include id="detailKotaInclude"/>
           </south>
       </borderlayout>
   </zk>
   

3. Buat sebuah class yang akan menampung List<kolom> dan List<TblSetKota>. Dalam contoh ini nama class adalah DataKota.java

   /**
    *
    * @author ahsanfile
    */
   public class DataKota {
   
       private List<String> listHeader;
       private List<TblSetKota> listKota;
   
       public List<String> getListHeader() {
           return listHeader;
       }
   
       public void setListHeader(List<String> listHeader) {
           this.listHeader = listHeader;
       }
   
       public List<TblSetKota> getListKota() {
           return listKota;
       }
   
       public void setListKota(List<TblSetKota> listKota) {
           this.listKota = listKota;
       }
   }
   

4. Buat method untuk mengisi class DataKota.java, yaitu method getDataKota. Untuk mempermudahnya method ini kita buat dalam Class Kota.java

   /**
    *
    * @author ahsanfile
    */
   public class Kota {
   
       private String sql;
       private Connection connection;
   
       public Kota(Connection con) {
           this.connection = con;
       }
   
       public DataKota getDataKota() throws Exception {
           PreparedStatement ps = null;
           try {
               DataKota dk = new DataKota();
               List<String> ls = new ArrayList<String>();
   
               List<TblSetKota> ltsk = new ArrayList<TblSetKota>();
               sql = "select kd_kota,nm_kota from tbl_set_kota order by nm_kota";
               ps = connection.prepareStatement(sql);
               ResultSet rs = ps.executeQuery();
   
               // ambil data kolom
               ResultSetMetaData rsmd = rs.getMetaData();
               int collumnCount = rsmd.getColumnCount();
               for (int i = 1; i <= collumnCount; i++) { // pengambilan nama kolom dimulai dari index nomor 1, bukan 0
                   ls.add(rsmd.getColumnLabel(i).toUpperCase());
               }
   
               dk.setListHeader(ls);
   
               // ambil data kota
               while (rs.next()) {
                   ltsk.add(new TblSetKota(rs.getInt("kd_kota"), rs.getString("nm_kota")));
               }
               rs.close();
               dk.setListKota(ltsk);
   
               return dk;
           } finally {
               Closer.closePreparedStatement(ps);
           }
       }
   }
   

5. Buat controller untuk menghandle kota.zul yaitu dalam package net.ahsanfile.zk.tutorial.controller.setting dengan nama KotaController.java

   /**
    *
    * @author ahsanfile
    */
   public class KotaController extends  GenericForwardComposer {
   
       private Listbox listKota;
       private DataBase db;
   
       @Override
       public void doAfterCompose(Component comp) throws Exception {
           super.doAfterCompose(comp);
   
           isiListKota();
       }
   
       private void isiListKota() {
           try {
               db = new DataBase();
               Kota k = new Kota(db.getConnection());
   
               DataKota dk = k.getDataKota();
   
               // isi header untul listKota
               Listhead headers = new Listhead(); // initialize header
   
               List<String> listHeaderKota = dk.getListHeader();
               for (Iterator<String> it = listHeaderKota.iterator(); it.hasNext();) {
                   String string = it.next();
                   Listheader header = new Listheader(); // initialize kolom header
                   header.setLabel(string);
                   headers.appendChild(header); // tambahkan kolom header ke header
               }
   
               listKota.appendChild(headers); // tambahkan header ke listKota
   
               // isi data
               List<TblSetKota> ltsk = dk.getListKota();
               listKota.setModel(new ListModelList(ltsk, true));
               listKota.setItemRenderer(new ListitemRenderer() {
   
                   public void render(Listitem lstm, Object o) throws Exception {
                       TblSetKota tsk = (TblSetKota) o;
                       new Listcell(tsk.getKdKota()+"").setParent(lstm);
                       new Listcell(tsk.getNmKota()).setParent(lstm);
                   }
               });
   
           } catch (Exception e) {
               e.printStackTrace();
               alert(e.getMessage());
           } finally {
               db.closeConnection();
           }
       }
   
   }
   

6. Sampai di sini semua yang dibutuhkan sudah kita buat semua. Silahkan running project anda, semoga sukses.

Download sample:
http://www.4shared.com/zip/SfaNeuEX/zktutorial.html
Keterangan, tutorial ini adalah bagian dari step by step membuat aplikasi simple pos menggunakan zk framework. untuk contoh koding ini, ada dibagian Setting->Set Kota