Dec 11

[Tutorial] Membuat Global Variable di EXTJS 4

EXTJS sebagai salah satu framework javascript sangat memudahkan bagi pengembang aplikasi web yang tidak bisa membuat desain seperti saya ini. EXTJS sejak versi 4 menerapkan metode pembuatan aplikasi yang MVC-banget. Sehingga cukup membingungkan bagi yang tidak terbiasa. Aturan-aturannya macam2 dan beberapa tidak konsisten :(. Nah salah satu yang agak membingungkan adalah bagaimana membuat global variable di EXTJS, terutama jika kita membutuhkannya untuk membuat konstanta atau fungsi global. Berikut ini adalah caranya.Buatlah sebuah file javascript (.js) yang nanti akan menampung variabel global/konstanta dan fungsi global, misalkan di sini contohnya adalah global.js. File ini bisa terletak di mana saja.

  1. Kemudian deklarasikan namespace untuk file tersebut dengan cara seperti ini :
    Ext.ns('Namespaceku.Globals');
    Yang ada di dalam fungsi Ext.ns() dapat anda ganti sesuai nama aplikasi anda.
  2. Kemudian untuk membuat variabel global, anda dapat melakukan dengan mengetikkan kode seperti contoh di bawah ini :
    Namespaceku.Globals.BASEURL = 'http://localhost/mdc-stok/';
  3. Jika anda ingin membuat fungsi global yang dapat dipakai dimana saja, contoh kodenya seperti ini :
    Namespaceku.Globals.helloglobal = function(param) {
    Ext.msg.Alert('Hello world global');
    }
  4. Untuk memanggil variabel/fungsi global tersebut, anda dapat memanggilnya dengan menyebutkan lengkap mulai dari namespacenya.
  5. Yang terakhir, jangan lupa memasukkan file global.js tersebut di dalam file html yang akan digunakan.

Sekian tutorial singkat mengenai global variable dan fungsi di EXTJS. Semoga berguna.

Be Sociable, Share!

0
comments

Reply

[+] kaskus emoticons nartzco