JavaScript  »  Articoli  »  Ext.js 

Nell'articolo precedente abbiamo analizzato in dettaglio la classe Ext.Component e abbiamo compreso cosa sono e come funzionano i componenti grafici in ExtJS. I widget già analizzati però presentavano elementi ancora abbastanza astratti e nonostante la loro facilità d'utilizzo non permettevano ancora di realizzare interfacce utilizzabili. In questo articolo continueremo con la "discesa" dall'albero gerarchico delle classi grafiche esposte dal framework ExtJS ed introdurremo alcuni elementi fondamentali: le sottoclassi di Ext.BoxComponent tra le quali spicca sicuramente la più importante: Ext.Container.

Le sottoclassi di Ext.BoxComponent

Come descritto nell'ultimo articolo, la classe Ext.BoxComponent è ancora una classe a basso livello che permette di creare componenti passando ancora dal codice HTML e non sfruttando le reali potenzialità del framework. Proprio per questo l'utilizzo della classe dovrebbe essere demandato solo ai meta-sviluppatori che sono interessati a realizzare widget complessi e che hanno bisogno di un accesso più diretto al markup del componente.

Per realizzare invece interfacce basandosi sui componenti "core" presenti in ExtJS è necessario scendere di un livello nella scala gerarchica delle classi e istanziare le classi che estendono Ext.BoxComponent.

Ovviamente tutte le sottoclassi di Ext.BoxComponent acquisiscono le funzionalità e i metodi della classe padre e quindi possono essere renderizzate in pagina, mostrate/nascoste e abilitate/disabilitate esattamente allo stesso modo della superclasse.

Per rendere più comprensibile l'organizzazione delle classi di ExtJS ecco un grafico riassuntivo che precede l'analisi della singola sottoclasse:

Figura 1 - Gerarchia delle classi

Altri articoli

Altre guide

Altre newsletter