ExtJs – Quick Tips to Read ExtJs Documentation

Dokumentasi bagi sebuah Framework itu memegang peranan sangat vital, karena dengan Dokumentasi maka para developer mempelajari cara kerja sebuah framework.
ExtJs sendiri telah membuatkan sebuah dokumentasi yang selengkap dan semudah mungkin untuk dipahami oleh penggunanya.
Berikut adalah beberapa tips dari saya dalam membaca dokumentasi dari Sencha ExtJs, untuk contoh dokumentasi bisa dilihat disini atau disini.

1. Manfaatkan Quick Search yang disediakan oleh ExtJs
extjs-quicksearch

2. Lihat tipe dan xtype dari component.
extjs-docs
Ext.tab.Panel bisa digunakan untuk Create component secara langsung.

  Ext.create('Ext.tab.Panel', {
  // bla bla bla
  });

Sedangkan xtype bisa langsung dipanggil layaknya widget.

  xtype : 'tabpanel'

3. Diharapkan anda bisa bedakan antara cofigs, method dan event
extjs-config

4. Config : ini merupakan initiate value yang biasanya mengikuti ketika create/initial component tersebut.
extjs-config-config

  xtype : 'tabpanel',
  activeTab : 0

Saya yakin anda telah terbiasa menggunakannya.
Perhatikan bahwa yang saya lingkari merah meerupakan type dari value yang valid untuk diisi.
Seperti pada activeTab anda bisa isikan dengan String/Number ataupun Ext Component.

5. Method : Function yang bisa kita panggil lewat Object Ext Component-nya.
extjs-config-method

  Ext.getCmp('tabpanelId').getItemId();

Bagian yang saya lingkari merah merupakan return atau nilai balikan yang akan kita dapatkan dari method tersebut.
Seperti pada getItemId() kita akan mendapatkan return String.

6. Event : Merupakan listeners yang dimiliki oleh Ext Component
extjs-config-event

  xtype : 'tabpanel',
  listeners : {
    close: function(thisCmp, eOpts){
      console.log('Event Close Fired');
      console.log(thisCmp);
    }
  }

Perhatikan bahwa setiap event memiliki state dimana dia di Fired.
Seperti pada close, akan ke Fire ketika user menutup/memanggil method close() dari Component tersebut.
Pastikan bahwa anda menggunakan Event yang sesuai dengan kebutuhan anda.
Perhatikan pula bahwa setiap event mempunyai parameter yang bisa anda manfaatkan.
Seperti pada close terdapat parameter panel yang merujuk pada component tersebut, jadi anda tidak perlu meng-get component tersebut lagi karena telah bisa anda dapatkan dari parameternya.

Terima kasih dan semoga bermanfaat.

mazipan-signature

Be a good reader, leave your comment please.

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s