GWT-EXT First Try

Ini pertama kali saya mencoba men-develope program dengan GWT-EXT, tampilannya keren,  menurut saya dokumentasi dan contoh-contohnya lebih banyak dan lebih menarik ketimbang GXT,

Oke langsung aja ke proses pembuatannya, sorry kalo tulisannya agak sedikit singkat, soalnya cuman kopas aja dari note saya :D:

  1. Create project seperti biasa
  2. Tambahkan modul untuk gwt dengan cara:
    • klik kanan pada project name pilih New>Other
    • Pada Cypal Studio option, pilih GWT Module wizard dan klik Next>
    • pada GWT Module dialog, tambahkan package name dan nama class dimana dia akan meng extend EntryPoint, yang akan membentuk 3 buah path yaitu:
      • public
      • client
      • server
  3. Add library gwtext.jar
  4. Copy file berikut ke path projectsrcpublicjsext
    • /adapter
    • /resources
    • ext-all.js
    • ext-all-debug.js
    • ext-core.js
    • ext-core-debug.js
  5. Tambahkan konfigurasi berikut pada <Nama Project>.gwt.xml:
     <!-- Inherit the core Web Toolkit stuff.                  -->
     <inherits name='com.google.gwt.user.User'/>
     <!-- Inherit the GWTExt Toolkit library configuration.      -->
     <inherits name='com.gwtext.GwtExt' />
     <!-- Specify the app entry point class.                   -->
     <entry-point class='com.mycompany.mypackage.client.<Nama Project>'/>
    
     <stylesheet src="js/ext/resources/css/ext-all.css" />
     <script src="js/ext/adapter/ext/ext-base.js" />
     <script src="js/ext/ext-all.js" />
     
  6. Ganti kode html untuk <Nama Project>.html pada path public:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
     <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
     <head>
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
     <meta http-equiv="Content-Language" content="en-us" />
     <meta http-equiv="Content-Author" content="Arul" />
     <title>Hello World</title>
     <!-- The GWT js file generated at run time -->
     <script type="text/javascript" src='com.mycompany.mypackage.HelloWorld.nocache.js'></script>
     </head>
     <body>
    <div id="main"></div>
    </body>
    </html>
    
  7. Ketik source code java pada file <NamaProject>.java
  8. Pada menu Run pilih Open Run Dialog, pilih GWT Hosted Mode Application dan buat launch configuration baru
Iklan

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: