DevExpress TcxGrid Properties Setting

 TcxGrid dalam komponen DevExpress  adalah komponen grid yang aku suka gunakan dari segi sorting data atau filter data.  Dengan hanya klik header column, data jadi auto sort ascending descending. 

Untuk filter juga mudah. Drag sahaja header mana-mana column grid ke atas header. 

Namun begitu banyak setting yang perlu dilakukan untuk dapatkan fungsi-fungsi yang menarik. 

Gambar 1 : TcxGrid

 Ini antara asas setting properties yang mana perlu klik butang cxGrid1DBTableView1 seperti di bawah: 

Gambar 2: customize tcxgrid

1. Setkan Datasource perlu klik DataController. 

2. Filter Row,  pilih Visible = True

3. Navigator,  pilih Visible = True

   

4. Footer,  pilih Visible = True. 

Footer ini perlu set TRUE sekiranya kita nak buat summary  jumlah  di bahagian bawah grid. Pastikan grid dimasukkan datasource dahulu. Kalau tak masukkan, tak boleh nak pilih field.

• Double klik gambar 2 di atas. Keluarlah gambar di bawah ni. 
• Klik tab summary.
• Klik button Add untuk dapatkan item. Nak banyak item, tekan sahaja butang Add beberapa kali
• Nak setting item tersebut, pilih item dan isi maklumat di dalam properties

       

Di dalam Kind ada bermacam pilihan: skSum, skAverange, skMax, skMin, skNone. Kerap digunakan adalah skSum untuk mudah tengok jumlah data. 

5. GroupByBox,  pilih Visible = True

6. Indicatorr,  pilih Visible = True