After much debugging I realized that in creating dialogs using Ext.LayoutDialog class of ExtJS library we must specify the configuration for east, west, north and south properties, as required, in the LayoutDialog config (see below for more requirements, details and a working example). Após muita depuração eu percebi que na criação de diálogos usando Ext.LayoutDialog classe de ExtJS biblioteca é preciso especificar a configuração de leste, oeste, norte e sul propriedades, sempre que necessário, no LayoutDialog config (veja abaixo para mais exigências, detalhes e um grupo de trabalho exemplo). This should be done before you add the content panels to the layout of the dialog. Isto deve ser feito antes que você adicione o conteúdo painéis para o layout da caixa de diálogo. Otherwise you will get some really hard to debug errors. Caso contrário você obterá algumas realmente difícil para depurar erros.

Within the configuration you must at least specify the initialSize property for all the sections that it requires at the minimum to render. Dentro da configuração, pelo menos, você deve especificar o initialSize propriedade para todas as secções que se exige no mínimo a prestar. For example I omitted the initialSize for the center panel because it can still render with the specified size for the east panel as the total width is already known. Por exemplo eu omitido initialSize para o centro do painel, uma vez que ainda pode render com o tamanho especificado para o leste como a largura total painel já é conhecido. However you need to specify the initialSize for the north column for it to render. No entanto é necessário especificar o initialSize para o norte para a coluna para torná-la.

Interestingly they work fine, without specifying anything, the second time around which makes it even harder to debug. Curiosamente eles trabalham bem, sem especificar qualquer coisa, pela segunda vez em torno da qual torna ainda mais difícil para depurar. Let’s work with an example: Vamos trabalhar com um exemplo: 

 multiValueChooser = new Ext.LayoutDialog('dialog', {         modal: true,         animate: true,         width: 300,         height: 200,         shadow: true,         minWidth:300,         minHeight:200,         proxyDrag: true,         resizable: true, north: {             initialSize: 25         },         east: {             split:true,             initialSize: 50,             minSize: 50,             maxSize: 50,             titlebar: false,             collapsible: true,             animate: true         },         center: {             autoScroll:true         } }); multiValueChooser = new Ext.LayoutDialog ( 'janela', (modal: true, animar: true, largura: 300, altura: 200, sombra: true, minWidth: 300, minHeight: 200, proxyDrag: true, redimensionável: verdade, a norte: (InitialSize: 25), leste: (split: true, initialSize: 50, minSize: 50, maxsize: 50, título: falsa, collapsible: true, animar: true), centro: (autoScroll: true)));

You must, for example specify the bolded sections before you add the relevant ExtContentPanel to the Layout as below: É necessário, por exemplo, especificar o negrito seções antes de adicionar o ExtContentPanel relevantes para o layout como a seguir: 

 layout.beginUpdate();     layout.add('north', new Ext.ContentPanel('north', {title: 'North'}));     layout.add('east', new Ext.ContentPanel('east', {title: 'East'}));     layout.add('center', new Ext.ContentPanel('center', {title: 'Center'}));      layout.endUpdate(); layout.beginUpdate (); layout.add ( 'norte', novo Ext.ContentPanel ( 'norte', (título: 'Norte'})); layout.add ( "leste", novo Ext.ContentPanel ( "leste", (título: "Oriente'})); layout.add ( 'centro', novo Ext.ContentPanel ( 'centro', (título:" Centro'})); layout.endUpdate ();