extjs Ajax Framework say Hello World

extjs adalah salah satu Ajax Framework – kerangka kerja yang membantu membangun aplikasi web yang menggunakan AJAX dan kumpulan teknologi lain disisi web client – .

extjs pada awalnya dikembangkan sebagai library tambahan pada YUI ( Yahoo User Interface) , selain itu extjs juga dikembangkan berdasarkan ( extend ) dari library AJAX lainnya yaitu Prototype dan JQuery. Source extjs dapat didownload di websitenya www.sencha.com , berikut langkah-langkah menggunakan library ajax extjs :

  1. Extract file source extjs yang telah anda download
  2. Buat direktori aplikasi anda, misal dalam direktori /var/www/html/extjs/web , jika menggunakan xampp letakan dalam direktori c:\xampp\htdocs\extjs\web
  3. Copy file-file dari direktori hasil extract extjs
  4. shell> cd /var/www/html/extjs/web
    shell> cp -R direktori_extrak_extjs/resources/images   .
    shell> cp -R direktori_extrak_extjs/resources/css   .
    shell> mkdir js
    shell> cp direktori_extrak_extjs/adapter/ext/ext-base.js    js/
    shell> cp direktori_extrak_extjs/ext-all-debug.js   js/
      
  5. Buat file html, misal web01.html dalam tag html isilah dengan kode berikut ini
  6. <head>
    <code><</code><code>html</code> <code>xmlns</code><code>=</code><code>"<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>"</code> <code>xml:lang</code><code>=</code><code>"en"</code> <code>lang</code><code>=</code><code>"en"</code><code>></code>
        <title>Hello World EXT JS</title>
        <link rel="stylesheet" type="text/css" href="css/ext-all.css" />
        <script src="js/ext-base.js"></script>
        <script src="js/ext-all-debug.js"></script>
    <script>
      Ext.onReady(function() {
         Ext.Msg.alert('Pesan', 'Hello World');
       });
    </script>
    </head>
    <body>
    </body>
    
  7. Akses file dengan browser favorit anda, akan muncul window pop say Hello World ..

Post a Response