1 
Ext.create('Ext.panel.Panel', {
renderTo: Ext.getBody(),
width: 400,
height: 300,
title: 'Container Panel',
items: [
    {
        xtype: 'panel',
        title: 'Child Panel 1',
        height: 100,
        width: '75%'
    },
    {
        xtype: 'panel',
        title: 'Child Panel 2',
        height: 100,
        width: '75%'
    }
]
});

上記のコードが実行されていません...エラーまたはバグを見つけてください。私はextjsに非常に慣れていません。ドキュメントを調べているときに上記のコードを見つけました（「コンテナ」セクションを確認してください）。jsfiddleでは正常に実行されていますが、私のプロジェクトでは実行されていません (私のプロジェクトでは他のサンプルが正常に動作しています)。

答え：

Ext.onReady(function(){
    Ext.create('Ext.panel.Panel', {
        renderTo: Ext.getBody(),
        width: 400,
        height: 300,
        layout: 'hbox',
        title: 'Container Panel',
        items: [
           {
               xtype: 'panel',
               title: 'Child Panel 1',
               height: 100,                
               flex:1
           },
           {
               xtype: 'panel',
               title: 'Child Panel 2',
               height: 100,
               flex:1
           }
       ]
   });
});
4

1 に答える 1

3

いくつかの問題:

1) コードを onReady ブロックにラップする必要があります。

2) 幅が無効です。両方とも 75% になるにはどうすればよいでしょうか。この場合、各子アイテムが flex: 1 である hbox レイアウトを使用する必要があります。

于 2013-02-01T07:53:28.737 に答える