2

borderExtjs4.0でレイアウトを使用しています。そこではうまく機能していました。ライブラリをextjs4.1にアップグレードすると、のようなエラーが表示さlayout run failedれ、パネルが読み込まれません。私はそのようなエラーに遭遇しなかったので、このエラーを解決するのを手伝ってください。

私のコードは

Ext.define('TextFit', {
    extend : 'Ext.container.Container',
    title: 'Sample text',
    layout: {
        type : 'border'
    },
    items : [{
        title : 'left panel',
        region : 'west'
    },{
        title : 'Center panel',
        region: 'center'
    }]
});

前もって感謝します。

4

5 に答える 5

11

追加してみる

layout: 'fit'

ボーダー レイアウトの親コンテナーに。私は同じ問題を抱えていましたが、これで解決しました。

于 2013-05-01T15:16:04.277 に答える
2

BorderLayout のドキュメントから:

  • 西または東の領域を持つ子アイテムは、初期幅、または Ext.layout.container.Box.flex 値、または初期パーセンテージ幅文字列 (単純に 100 で割ってフレックスとして使用される) のいずれかで構成できます。価値）。「中央」領域のフレックス値は 1 です。

北と南も同様ですが、幅ではなく高さです。

于 2014-02-27T17:01:41.430 に答える
0

両方の項目に flex プロパティを追加してみてください...変更されたコードは

....

items : [{
    title : 'left panel',
    region : 'west',
flex:1 //add here
},{
    title : 'Center panel',
    region: 'center',
flex:1 //and here
}]

……

于 2013-03-27T13:57:59.843 に答える
0

あなたは使用してみることができます：

 <script type="text/javascript" src="extjs/src/diag/layout/Context.js"></script>
 <script type="text/javascript" src="extjs/src/diag/layout/ContextItem.js"></script>

これを index.html に入れて、コンソールをチェックして、そこにエラーがあるかどうかを確認してください。表示されるほとんどの警告は気にしないでください。

「... is still connected/attached」のようなエラーがある場合は、そのアイテムを見て、アンカー以外のレイアウトになっていることを確認してください。

コンソールにエラーがなくてもレイアウトの問題がある場合は、ページ アナライザーを使用してみてください。

extjs zip でアナライザーを見つけることができるはずです。サーバーにデプロイされている場合は、http://< server-address >/extjs/examples/page-analyzer/page-analyzer.html にアクセスできます。

于 2013-03-29T13:48:45.667 に答える