GridControl Basic Design Bag. 2

AdvBandedGridView

Pada Bagian Pertama kita sudah membuat tampilan dalam bentuk GridView, berikutnya kita akan membahan mengenai AdvBandedGridView.
Agar tidak terlalu panjang, kita mulai saja dari yang sudah pernah kita buat pada bagian pertama, kemudian kita tinggal convert ke AdvBandedGridView

kalau sudah di convert maka hasilnya akan seperti ini :

Jika sudah seperti itu, langkah berikutnya adalah ke Run Designer, kemudian pilih Properties untuk Bands

Seperti gambar di atas, kita akan membuat seperti gambar diatas , caranya :
1. Klik Add New Band.. 2x sehingga akan memunculkan Gridbands2 dan Gridband3
2. Klik Gridband1
    --> Caption = Nomor
    --> Rowcounts = 2
    --> AppearanceHeader --> TextOptions --> HAlignment = Center
3. Klik Gridband2
--> Caption = Tanggal
--> Rowcounts = 2
--> AppearanceHeader --> TextOptions --> HAlignment = Center
4. Klik Gridband3
--> Caption = Bukti
--> Rowcounts = 2
--> AppearanceHeader --> TextOptions --> HAlignment = Center
5. Klik pada Column Bukti --> Tahan Mouse Kiri-->Pindahkan ke Gridband3(Bukti)-->Lepas
6. Klik pada Column Tanggal--> Tahan Mouse Kiri-->Pindahkan ke Gridband2(Tanggal)-->Lepas

Karna tampilan Colunm masih di rata kiri, maka kita akan setting baik untuk isi dari column dan header column kita akan rata tengah.

Perhatikan gambar di atas, karna kita ingin semua rata tengah mak select All semua Column, kemudian lakukan langkah berikut :
--> AppearenceCell --> TextOptions --> HAlignment = Center
--> AppearenceHeader --> TextOptions --> HAlignment = Center

Colum sudah di setting, tapi tampilannya jadi kurang pas kalo seperti ini :

Baiknya kita sembunyikan Column Header-nya, caranya masuk kembali ke Run Designer

Pada Main di View kemudian ke propertienya OptionsView --> ShowColumnHeader = False,  seperti pada gambar di atas, keluar dari menu Run Designer , sehingga tampilannya akan menjadi seperti ini :

Lebih enak terlihat daripada tampilan seperti tadi, sekarang bagaimana jika kita ingin agar Nomor di atas sedangkan Tanggal di bawah Nomor dan Bukti tetap seperti itu, masuk kembali ke Run Designer

 Pada gambar di atas, kita berada di Main Bands, seperti tadi klik and drak aja pakai mouse, untuk lingkaran hijau adalah GridBand sedangkan garis merah adalah Column, jangan lupa untuk merubah RowCount pada Gridband1 dan Gridband2 menjadi 1... kalo sudah nantinya akan seperti ini

kita sudah merancang tampilan untuk AdvBandGridView, untuk tampilan lainnya dalam Gridcontrol sama saja, tinggal convert saja atau buat baru, hanya bagaimana kita mau seperti apa tampilannya,.. silahkan mencoba, moga bermanfaat...


Salam