Menginstall extjs 6

Untuk menginstall Extjs 6 perlu dipersiapkan dua komponen utama yaitu sebagai berikut:

1.ExtJs SDK

Extjs SDK yang akan digunakan adalah ExtJs versi 6. Boleh menggunakan versi 6.5.3 yaitu versi trial yang hanya bisa digunakan 30 hari. Atau menggunakan versi GPL nya yaitu versi 6.2.0. Untuk mendownload versi 6.5.3 silahkan klik link berikut:

https://www.sencha.com/products/extjs/evaluate/

Lanjutkan membaca “Menginstall extjs 6”

Menampilkan Google Maps pada Extjs 4


Notice: A non well formed numeric value encountered in /home/u6060452/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Google maps yang akan ditampikan pada extjs 4 disini adalah membuat class panel dengan konten html yang akan menampilkan layer google maps.

google maps pada extjs 4
Google Maps ditampilkan pada elemen window extjs 4.

Lanjutkan membaca “Menampilkan Google Maps pada Extjs 4”

Layout Vertical Box (Vbox) Pada Elemen Bidang ExtJs 4

Pada posting sebelumnya sudah dijelaskan mengenai layout Anchor. Berikut ini adalah penjelasan mengenai layout Vbox.

Layout Vbox adalah layout yang menyusun elemen-elemen pada bidang secara vertical dengan membagi tinggi bidang sesuai jumlah elemen yang tedapat pada bidang tersebut dan lebar elemen menyesuaikan lebar bidang.

vbox

Lanjutkan membaca “Layout Vertical Box (Vbox) Pada Elemen Bidang ExtJs 4”

Crop Image menggunakan Jquery Cropit

Crop image adalah meletakkan suatu gambar pada bidang apabila gambar tersebut memiliki ukuran lebih besar dari bidang maka akan memotong panjang atau lebar gambar tersebut sehingga dapat menempati sesuai dengan ukuran bidang.

Gambarannya adalah sebagai berikut:

cropit

Gambar di atas menujukan bahwa ukuran gambar yang akan menempati bidang melebihi dari ukuran bidang.

Lanjutkan membaca “Crop Image menggunakan Jquery Cropit”

Layout Anchor (Jangkar) Pada Elemen Bidang Extjs 4

Seperti yang sudah saya jelaskan pada posting sebelumnya mengenai layout pada elemen bidang di extjs 4 yang terdapat beberapa layout. Berikut ini akan saya jelaskan mengenai Layout Anchor.

Layout anchor atau yang disebut juga jangkar digunakan untuk meletakkan elemen pada elemen bidang induk dengan cara menarik penuh lebar elemen tersebut sesuai lebar elemen bidang induk.

Lanjutkan membaca “Layout Anchor (Jangkar) Pada Elemen Bidang Extjs 4”

Mengenal Layout Pada Elemen Bidang Extjs 4

viewport-sencha-demo-blog

Layout adalah sebuah parameter pada elemen bidang untuk mengatur posisi suatu elemen yang ada di dalam bidang tersebut.

Elemen bidang adalah elemen yang dipakai untuk menampung atau meletakkan elemen-elemen lain. Seperti form, panel, container, viewport, dan fieldcontainer.

Macam-macam layout adalah sebagai berikut:

  1. Anchor (Jangkar)
  2. Vbox (Vertikal Kotak)
  3. Hbox (Horizontal Kotak)
  4. Border (Sekat)
  5. Fit (Penuh)
  6. Accordeon Vertikal (Seperti alat musik accordeon yang bergerak vertikal)
  7. Accordeon Horizontal (Seperti alat musik accordeon yang bergerak Horizontal)

Masing-masing layout akan dijelaskan pada posting selanjutnya.

 

Menyimpan Data Menggunakan Row Editor

Sebelumnya sudah di jelaskan bagaimana menyimpan data dari grid panel. Artikel berikut ini adalah bagaimana menyimpan data yang berasal dari row editor. Berikut ini adalah tampilannya:

8

Dari tampilan diatas gambarannya adalah ketika button update di klik maka kolom-kolom yang diisi akan tersimpan didalam database.
Lanjutkan membaca “Menyimpan Data Menggunakan Row Editor”