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). Après beaucoup de débogage je me suis rendu compte que, dans la création de boîtes de dialogue en utilisant Ext.LayoutDialog classe de bibliothèque ExtJS nous devons définir la configuration de l'Est, à l'ouest, au nord et au sud des propriétés, selon les besoins, aux LayoutDialog de configuration (voir ci-dessous pour plus d'exigences, de détails et un groupe de travail exemple). This should be done before you add the content panels to the layout of the dialog. Cela devrait être fait avant d'ajouter le contenu des panneaux à la disposition de la boîte de dialogue. Otherwise you will get some really hard to debug errors. Sinon, vous obtiendrez de très difficile à déboguer les erreurs.

Within the configuration you must at least specify the initialSize property for all the sections that it requires at the minimum to render. Dans la configuration, vous devez au moins préciser la initialSize de propriété pour toutes les sections dont il a besoin au minimum pour le rendu. 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. Par exemple, j'ai omis la initialSize pour le panneau central, car il peut encore rendre avec la taille spécifiée pour le groupe est que la largeur totale est déjà connu. However you need to specify the initialSize for the north column for it to render. Cependant il est nécessaire de préciser les initialSize pour le nord de la colonne à rendre.

Interestingly they work fine, without specifying anything, the second time around which makes it even harder to debug. Il est intéressant de fonctionner correctement, sans préciser quoi que ce soit, la deuxième fois autour de ce qui le rend encore plus difficile à déboguer. Let’s work with an example: Nous allons travailler avec un exemple: 

 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 ( 'dialogue', (modale: vrai, animer: vrai, largeur: 300, hauteur: 200, ombre: vrai, minwidth: 300, minheight: 200, proxyDrag: vrai, resizable: vrai, au nord: (InitialSize: 25), à l'est: (divisé: vrai, initialSize: 50, MINSIZE: 50, maxsize: 50, titre: faux, repliables: vrai, animer: true), au centre: (autoScroll: true)));

You must, for example specify the bolded sections before you add the relevant ExtContentPanel to the Layout as below: Vous devez, par exemple préciser les articles en gras avant d'ajouter les ExtContentPanel à la mise en page comme ci-dessous: 

 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 ( 'nord', les nouveaux Ext.ContentPanel ( "Nord", (titre: "Nord'})); layout.add ( 'est', les nouveaux Ext.ContentPanel (« est », (titre: «Est'})); layout.add ( 'centre', les nouveaux Ext.ContentPanel ( 'centre', (titre:« Centre'})); layout.endUpdate ();