ExtJs – Different Panel VS Container

Berdasarkan post ini : http://stackoverflow.com/questions/22857918/container-vs-panel-in-extjs
Saya tertarik menjelaskan bedanya Panel (Ext.panel.Panel) dan Container (Ext.container.Container) di ExtJs.

Sebelum saya menjelaskan mungkin bisa dilihat dokumentasi dari masing-masing component tersebut disini :

1. dokumentasi container.

2. dokumentasi panel.

Berdasarkan dokumentasi tersebut, dapat dijabarkan beberapa perbedaan antara Panel dengan Container di ExtJs.
kurang lebih sebagai berikut :

  1. Different Hierarchy Component
    Hierarchy Container
    Hierarchy Container
    Hierarchy Panel
    Hierarchy Panel.

    Secara hierarchy, Container berada diatas Panel dan ini menunjukkan bahwa Container merupakan base dari Panel, kalau diperlebar lagi maka dipastikan bahwa Panel lebih Complex dibanding Container.

  2. Different Structure
    Seperti diatas saya bilang bahwa Panel itu lebih complex dibanding Container.
    Container tidak memiliki Header, Tools, Doocked Toolbar, border dan lain-lain .
    Mudahnya Container itu sebenarnya hanya base untuk meletakan component lainnya tanpa memiliki kelebihan seperti panel.

    Panel Structure
    Panel Structure
  3. Different Method and Config
    Saya berikan contoh mudah, jika pada Container kita bisa menambahkan config style maka di Panel kita mempunyai config bodyStyle.

    // Container config style
    xtype : 'container',
    style :"background: red;"
    
    // panel config style
    xtype : 'panel',
    bodyStyle :"background: red;"
    
  4. Different Usage
    Dan ini yang paling penting untuk diketahui, bahwa kenapa mesti ada Container dan Panel adalah karena berbeda kebutuhan dan kegunaan.
    Jika anda hanya butuh sebagai tempat meletakan component lain maka gunakan Container atau dalam perspektif html bahwa jika anda hanya butuh div kosong tanpa embel-embel lain gunakan Container.Dan jika anda butuh kelebihan-kelebihan dari Panel maka jangan gunakan Container.
    Perlu dicermati bahwa menggunakan Panel lebih berat dibanding menggunakan Container.
    Jadi bijak-bijaklah dalam memilih.

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