Rabu, 03 Februari 2016

2/03/2016
5
W2-desktop merupakan Framework UI yang dikembangan dari w2ui. Dari segi tampilan, W2-desktop memiliki tampilan lebih fresh dan menarik, terlebih telah tersedianya beberapa tema yang dapat Anda pilih sesuai dengan keinginan Anda. W2-desktop juga telah menambahkan beberapa fitur didalamnya, sehingga pengguna dapat melakukan beberapa 'kastemisasi' dan menggunakan widget yang telah disediakan. Untuk lebih jelasnya silahkan kunjungi http://w2desktop.didanurwanda.com/

Pada postingan ini, untuk pertama kalinya saya akan memberikan contoh penggunaan W2-desktop yang diintegrasikan dengan PHP Framework CodeIgniter. Berikut adalah screenshutnya.


Gambar Grid/List data



Gambar Form Popup untuk Tambah dan Edit



Gambar Pertanyaan sebelum menghapus data


Pada contoh aplikasi ini, saya menggunakan tema yang bernama bittersweet yang memiliki karakteristik warna merah dengan sedikit sentuhan warna orange. Untuk menu menggunakan TreeView yang jika di klik akan muncul tab baru sesuai dengan menu yang dipilih. 
Grid ini telah terintegrasi dengan Infinite Scroll
Untuk kali ini saya tidak menjelaskan script satu persatu tetapi saya menyediakan full source code yang dapat anda download pada link dibawah ini. Apabila ada pertanyaan, silahkan bertanya pada kolom komentar dibawah.


Download
 Download
Password : blog.didanurwanda.com

Untuk Yii Framework 2 akan menyusul beberapa hari kedepan.

5 komentar:

  1. Good job, Data Grid nya gak di paging ?

    BalasHapus
    Balasan
    1. pake ko pak, Grid ini pakai Infinite Scroll :D

      Hapus
  2. kalau mau lihat contoh script pencarian difirebug bagimana ya ?

    BalasHapus

Mohon tidak mencantumkan URL pada komentar yang bersifat promosi.