ExtJS: Ext.LayoutDialog Gotchas

Dopo molta ricerca degli errori ho rend contoere che nella generazione dei dialoghi che usando il codice categoria di Ext.LayoutDialog della biblioteca di ExtJS dobbiamo specificare la configurazione per l'est, l'ovest, propriet� di nord e sud, quanto basta, nei config di LayoutDialog (vedi sotto per pi� requisiti, i particolari e un esempio di funzionamento). Ci� dovrebbe essere fatta prima che aggiungiate i pannelli soddisfatti alla disposizione del dialogo. Altrimenti otterrete qualche realmente duro mettere a punto gli errori.

All'interno della configurazione dovete specificare almeno la propriet� di initialSize per tutte le sezioni che richiede al minimo di rendere. Per esempio ho omesso il initialSize per il pannello concentrare perch� pu� ancora rendere con il formato specificato per il pannello orientale mentre la larghezza totale gi� � conosciuta. Tuttavia dovete specificare il initialSize per la colonna del nord affinch� rendiate.

Funzionano interessante benissimo, senza specificare qualche cosa, la seconda volta intorno a quale lo rendono ancora pi� duro mettere a punto. Funzioniamo con un esempio:

    multiValueChooser = nuovo Ext.LayoutDialog (dialogo, {
        modale: allineare,
        animato: allineare,
        larghezza: 300,
        altezza: 200,
        ombra: allineare,
        minWidth: 300,
        minHeight: 200,
        proxyDrag: allineare,
        resizable: allineare,
        del nord: {
            initialSize: 25
        },
        orientale: {
            spaccatura: allineare,
            initialSize: 50,
            minSize: 50,
            maxSize: 50,
            titlebar: falso,
            pieghevole: allineare,
            animato: allineare
        },
        centro: {
            autoScroll: allineare
        } 
    });

Dovete, per esempio specificare le sezioni in neretto prima che aggiungiate il ExtContentPanel relativo alla disposizione come qui sotto:

    layout.beginUpdate ();
    layout.add (del nord, nuovo Ext.ContentPanel (del nord, {titolo: Del nord}));
    layout.add (orientale, nuovo Ext.ContentPanel (orientale, {titolo: Orientale}));
    layout.add (centro, nuovo Ext.ContentPanel (centro, {titolo: Centro}));

    layout.endUpdate ();