ExtJS: Ext.LayoutDialog Gotchas

Después de mucho depuración realicé que en crear dialoga con la clase de biblioteca de ExtJS que debemos especificar la configuración para el este, oeste, características de Ext.LayoutDialog del norte y sur, como sea necesario, en los config de LayoutDialog (véase abajo para más requisitos, los detalles y un ejemplo de funcionamiento). Esto debe ser hecha antes de que usted agregue los paneles contentos a la disposición del diálogo. Si no usted conseguirá algún realmente duro eliminar errores de errores.

Dentro de la configuración usted debe por lo menos especificar la característica del initialSize para todas las secciones que requiere en el mínimo rendir. Por ejemplo omití el initialSize para el panel central porque puede todavía rendir con el tamaño especificado para el panel del este mientras que la anchura total se sabe ya. Sin embargo usted necesita especificar el initialSize para la columna del norte para que rinda.

Trabajan interesante muy bien, sin especificar cualquier cosa, la segunda vez alrededor de cuáles hacen incluso más duro eliminar errores. Trabajemos con un ejemplo:

    multiValueChooser = nuevo Ext.LayoutDialog (“diálogo”, {
        modal: verdad,
        animado: verdad,
        anchura: 300,
        altura: 200,
        sombra: verdad,
        minWidth: 300,
        minHeight: 200,
        proxyDrag: verdad,
        dimensionable: verdad,
        del norte: {
            initialSize: 25
        },
        del este: {
            fractura: verdad,
            initialSize: 50,
            minSize: 50,
            maxSize: 50,
            titlebar: falso,
            plegable: verdad,
            animado: verdad
        },
        centro: {
            autoScroll: verdad
        } 
    });

Usted debe, por ejemplo especificar las secciones enes negrita antes de que usted agregue el ExtContentPanel relevante a la disposición como abajo:

    layout.beginUpdate ();
    layout.add (“del norte”, nuevo Ext.ContentPanel (“del norte”, {título: “Del norte”}));
    layout.add (“del este”, nuevo Ext.ContentPanel (“del este”, {título: “Del este”}));
    layout.add (“centro”, nuevo Ext.ContentPanel (“centro”, {título: “Centro”}));

    layout.endUpdate ();