ExtJS: Ext.LayoutDialog Gotchas

Na veel het zuiveren realiseerde ik dat in het cre�ren van dialogen die klasse Ext.LayoutDialog van bibliotheek ExtJS gebruiken wij de configuratie voor het oosten, het westen, het noorden en zuideneigenschappen, zonodig, in LayoutDialog moeten specificeren config (zie verder bij meer vereisten, details en een het werk voorbeeld). Dit zou moeten worden gedaan alvorens u de tevreden panelen aan de lay-out van de dialoog toevoegt. Anders zult u sommigen werkelijk ertoe brengen hard om fouten te zuiveren.

Binnen de configuratie moet u minstens specificeren bezit voor alle secties initialSize die het bij het minimum vereist om terug te geven. Bijvoorbeeld liet ik weg initialSize voor het centrumpaneel omdat het nog met de gespecificeerde grootte voor het het oostenpaneel kan teruggeven aangezien de totale breedte reeds gekend is. Nochtans moet u specificeren voor de het noordenkolom voor het om initialSize terug te geven.

Interessant zij boete, werken zonder om het even wat te specificeren, de tweede keer rond die het nog harder maakt te zuiveren. Werk met een voorbeeld:

    multiValueChooser = nieuwe Ext.LayoutDialog (dialoog, {
        modaal: waar,
        animeer: waar,
        breedte: 300,
        hoogte: 200,
        schaduw: waar,
        minWidth: 300,
        minHeight: 200,
        proxyDrag: waar,
        resizable: waar,
        het noorden: {
            initialSize: 25
        },
        het oosten: {
            spleet: waar,
            initialSize: 50,
            minSize: 50,
            maxSize: 50,
            titlebar: vals,
            opvouwbaar: waar,
            animeer: waar
        },
        centrum: {
            autoScroll: waar
        } 
    });

U moet, bijvoorbeeld de vetgedrukte secties specificeren alvorens u relevante ExtContentPanel aan de Lay-out zoals hieronder toevoegt:

    layout.beginUpdate ();
    layout.add (het noorden, nieuwe Ext.ContentPanel (het noorden, {titel: Het noorden}));
    layout.add (het oosten, nieuwe Ext.ContentPanel (het oosten, {titel: Het oosten}));
    layout.add (centrum, nieuwe Ext.ContentPanel (centrum, {titel: Centrum}));

    layout.endUpdate ();