Extension, Widget dan Component, Membuat Yii Makin Keren

Extension, Widget dan Component, Membuat Yii Makin Keren

656
0
SHARE

logo yiiOk, to the point, cie…cie lagi serius nih :p

Kita lanjutkan yuk tentang Widget dan Extension

A. Extension

Extension merupakan sekumpulan helper / library yang dapat digunakan berulang-ulang, contoh library yang sering dipakai adalah fpdf, bootstrap, dan lain-lain

B. Widget

Widget merupakan sekumpulan library User Interface yang nantinya digunakan berulang-ulang.

Stop min…… sebelum berlanjut, itu definisinya kok sama ya ?

Nah kan bagus itu, belum apa-apa sudah ditanya, Widget itu Extension, tapi Extension belum tentu Widget. Paham kan ? pahamlah ntar ga selesai artikelnya nih …..

C. Widget UI Default Yii

Yii 1.x punya widget UI yang sudah tersedia di frameworknya, widget ini tinggal pakai saja, tanpa perlu dipanggil, nah kita bedah yuk ….

D. TextField

UI textfield digunakan untuk memasukkan data berupa teks, misalkan alamat. Sintaksnya :

Keterangan :

[nama_field] → nama field data

[ukuran input] → panjang tempat input

[maksimum input] → ukuran karakter yang dapat diterima di database

contoh :

E. Text Area

UI Text Area digunakan untuk memasukkan data berupa teks yang memiliki panjang > 50 karakter

Keterangan :

[nama_field] → nama field database

[jumlah_kolom] → jumlah kolom yang dapat ditampung oleh teks area

[jumlah_baris] → jumlah baris yang dapat ditampung oleh teks area

contoh:

F. Combobox

Keterangan:

[nama_attribute/field] → nama yang akan disimpan

[nama_field_asal_yang_akan_ditampilkan] → nama field yang akan ditampilkan

contoh :

G. Autocomplete

UI Autocomplete merupakan gabungan antara text field dan combobox, dimana ketika user mengetik karakter, sistem akan menampilkan data dari database

di file controller

H. Checkbox

UI checkbox digunakan untuk memberikan pilihan berupa benar / salah, 0 / 1, Ya / Tidak.

Keterangan :

[nama_atribute/field] → field database yang ber-tipe tinyint

contoh :

I. Masked Text Field

UI Masked textfield digunakan untuk menyediakan input yang sudah terformat. Misalkan format no telp, format jam, format tanggal

Keterangan :

[nama_atribute/field] → field database

[format] → jenis format yang digunakan.

Format yang telah disediakan :

  • a: representasi alpha character (A-Z,a-z).
  • 9: representasi numerik (0-9).
  • *: representasi alpha numeric character(A-Z,a-z,0-9).
  • ?: karakter bebas

J. Data Picker

UI Data Picker  digunakan untuk mengambil data dari modul lain. Data Picker ini pengembangan dari beberapa komponen misalkan Grid

K. Gridview

UI Gridview digunakan untuk menampilkan data dalam bentuk tabel.

L. Cara Penggunaan Extension Tambahan

Kita ambil beberapa extension yang ada di Yii Framework ya. Di Yii pemasangan Extension sangatlah mudah, tinggal taruh saja bisa di folder extension, bisa juga di folder component, tinggal ikuti saja perintah yang bikin extension, ok guys …

Bagikan artikel ini ya.. terima kasih

NO COMMENTS

LEAVE A REPLY