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).気付いた後、多くのデバッグしてダイアログを使用して作成しなければならないext.layoutdialogクラスのextjsライブラリの設定を指定して東、西、北と南のプロパティで、必要に応じて、 layoutdialogの設定は、 （他の要件については以下を参照、詳細および作業例） 。 This should be done before you add the content panels to the layout of the dialog.これで行われなければならないのコンテンツを追加する前にパネルのレイアウトをして、ダイアログを表示します。 Otherwise you will get some really hard to debug errors.そうしなければ、本当にハードをデバッグするいくつかのエラーを取得します。

Within the configuration you must at least specify the initialSize property for all the sections that it requires at the minimum to render.に設定する必要があります。 initialsizeプロパティを指定して、少なくとものすべてのセクションには、最低をレンダリングすることが必要です。 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.例えば私のinitialsizeを省略することができますので、センターパネルのレンダリングすると、指定のサイズをまだ東パネルとしての全体の幅は、すでに知られている。 However you need to specify the initialSize for the north column for it to render.しかしする必要があります。 initialsizeを指定して、北朝鮮の列をレンダリングすることです。

Interestingly they work fine, without specifying anything, the second time around which makes it even harder to debug.それらはうまく働く興味深いことは、何かを指定せずに、 2番目の周りに時間をデバッグすることさえ難しい。 Let's work with an example:レッツ仕事をする例： 

 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 = ext.layoutdialog （ 'ダイアログ' 、 （モーダル： trueの場合、アニメーション： trueの場合、幅： 300 、高さ： 200 、シャドウ： trueの場合、 minwidth ： 300 、 minheight ： 200 、 proxydrag ： trueの場合、サイズ変更： trueの場合、 北朝鮮： （ initialsize ： 25 ） 、東： （分割： trueの場合、 initialsize ： 50 、 MinSizeの数： 50 、 maxsize ： 50 、タイトル：偽、折りたためる： trueの場合、アニメーション：真） 、センター： （オートスクロール：真） ） ） ;

You must, for example specify the bolded sections before you add the relevant ExtContentPanel to the Layout as below:する必要があります。 、例えば太字で表示指定して、関連するセクションを追加する前にextcontentpanelのレイアウトを以下のとおり： 

 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 （ '北' 、新しいext.contentpanel （ '北' 、 （タイトル： '北'})); layout.add （ '東' 、新しいext.contentpanel （ '東' 、 （タイトル： '東'})); layout.add （ 'センター' 、新しいext.contentpanel （ 'センター' 、 （タイトル： 'センター'})); layout.endupdate （ ） ;