Artikel EXTJS

Ditulis oleh Yudianto Sujana di/pada Februari 26, 2009 Teman saya seorang web developer pernah menyarankan
saya untuk belajar tentang ExtJS, karena banyak kesibukkan, baru beberapa hari belakangan ini saya sempet belajar tentang ExtJS. Begitu mulai mengenal tentang ExtJS saya mulai menyadari bahwa apa yang disarankan teman saya itu ternyata benar (thanks om). Setelah membaca beberapa tutorial dan mencobanya secara langsung, saya mulai menikmati membuat aplikasi web dengan ExtJS, karena hanya dengan sedikit usaha, saya bisa membuat sesuatu yang hebat. Oke cukup curhatnya pelajari tentang ExtJS. sekarang saya ingin membagikan sedikit dari apa yang sudah saya
Apa itu ExtJS? pertanyaan itu mungkin yang pertama kali muncul saat membaca judul artikel ini. Pertanyaan yang sama juga saya tanyakan kepada teman saya saat dia memberitahu tentang ExtJS. ExtJS adalah sebuah library (framework) Javascript yang powerfull yang dapat menyederhanakan pembuatan aplikasi web berbasis AJAX. Selain mempermudah proses request dan response secara asynchronous, ExtJS juga menyediakan komponen-komponen yang bisa kita gunakan untuk membangun antarmuka aplikasi web. Komponen-komponen yang disediakan juga sangat banyak seperti tombol, grid, tab, tree, menu dan lainnya. ExtJS dapat dijalankan pada semua web browser yang populer saat ini dengan tampilan yang sama antar browser (cross browser). Beberapa web browser yang mendukung ExtJS diantaranya adalah:
y y y y
Internet Explorer versi 6 keatas Mozilla Firefox versi 1.5 keatas Apple Safari versi 2 keatas Opera versi 9 keatas
Saat ini ExtJS sudah sampai versi 2.2.1 yang dapat didownload di extjs.com Seperti kebiasaan sebelumnya, saat orang yang baru mempelajari sebuah bahasa pemrograman, maka akan membuat sebuah program Hello World, maka kita juga akan mencoba membuat sebuah Hello World dengan ExtJS. Sebelum mulai, beberapa hal yang harus kita siapkan sebelum mempelajari ExtJS adalah:
y y y y y
ExtJS Web Server, contohnya apache. Untuk mempermudah dapat menggunakan XAMPP Editor, saya menggunakan Netbeans 6.5 Web browser Kopi & snack
Setelah peralatan lengkap, saatnya kita beraksi Pertama buatlah sebuah folder di htdocs, kita beri nama belajarextjs saja biar mudah
mengingatnya. Setelah itu ekstraklah ExtJS ke dalam folder yang baru kita buat, lalu ubah nama foldernya menjadi extjs. Buat sebuah file dengan nama hello.html dengan editor anda. Untuk bisa bekerja dengan ExtJS kita harus melakukan link kebeberapa file seperti berikut view source print?
1.<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" /> 2.<script src="extjs/adapter/ext/ext-base.js"></script> 3.<script src="extjs/ext-all-debug.js"></script>
Link ke file ext-all-debug.js hanya dilakukan pada saat pengembangan, jika aplikasi sudah selesai dan siap online, link tersebut harus diganti ke file ext-all.js Berikutnya kita akan membuat skrip untuk menampilkan pesan Hello World. Tambahkan kode berikut ini dibawah link ke ExtJS view source print?
1.<script> 2.Ext.onReady(function() { 3. Ext.Msg.alert('Pesan', 'Hello World'); 4.}); 5.</script>
Secara lengkap file hello.html akan berisi seperti ini view source print?
01.<html> 02. <head> 03. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 04. <title></title> 05. <link rel="stylesheet" type="text/css" href="extjs/resources/css/extall.css" /> 06. <script src="extjs/adapter/ext/ext-base.js"></script> 07. <script src="extjs/ext-all-debug.js"></script> 08. <script> 09. Ext.onReady(function() { 10. Ext.Msg.alert('Pesan', 'Hello World'); 11. }); 12. </script> 13. </head> 14. <body> 15. 16. </body> 17.</html>
Setelah selesai simpan file dan coba jalankan di browser anda dengan mengetikkan http://localhost/belajarextjs/hello.html

Artikel EXTJS

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Artikel EXTJS

Diunggah oleh

Hak Cipta:

Format Tersedia

Ditulis oleh Yudianto Sujana di/pada Februari 26, 2009 Teman saya seorang web developer pernah menyarankan

Anda mungkin juga menyukai