6

レイアウトが vbox に設定されたメイン パネルがあります。パネルに 2 つの個別のリストを追加したいと考えています。2 つのリストを縦に重ねて表示したいのですが、メイン パネルの下部からはみ出すので、パネルは単純にスクロールする必要があります。

ただし、リストを表示するには、FIT レイアウトで設定する必要があるようです。フィット レイアウトでは、アイテムを垂直方向に積み重ねることはできません。

vbox レイアウトを使用して親内にリスト自体を完全に表示するようにリストに指示できるレイアウト システムの機能がありませんか?

4

3 に答える 3

3

Ext.Listコンポーネントのスーパークラスは is Ext.DataViewand notExt.Panelです。

したがって、2 つのリストを 2 つの別々のパネルに追加し、これら 2 つのパネルをスーパー パネル内に追加する必要があります。また、スーパーパネル用にを作成し、他の 2 つの子パネル用
に作成する必要があります。layout:'vbox'layout:'fit'

方法は次のとおりです。

....
....
var superpanel = new Ext.Panel({
    fullscreen: true,
    layout: 'vbox',             // to vertically stack two list.
    items: [
        {
           xtype: 'panel',
           id: 'panel_1',
           width: '100%',
           layout: 'fit',
           items: [
                {
                   xtype: 'list',
                   flex:1,
                   id: 'list1',
                   store: 'samplestore1'
                }
           ]
         },
         {
            xtype: 'panel',
            id: 'panel_2',
            width: '100%',
            layout: 'fit',
            items: [
                 {
                  xtype: 'list',
                  id: 'list2',
                  flex:1,
                  store: 'samplestore2'
                 }
            ]
         }
    ]
 });
....
....
于 2012-04-30T05:25:49.087 に答える
1 
var parent = new Ext.Panel({
    fullscreen: true,
    layout: 'vbox',
    items: [
        {
           xtype: 'list',
           id: 'list_1',
           store: 'store1,
           flex: 1
         },
         {
          xtype: 'list',
           id: 'list_2',
           store: 'store2,
           flex: 1
         }
    ]
 });
于 2012-04-30T10:40:28.490 に答える
0

高さを置く：リストアイテムに「自動」

items: [
    {
       xtype: 'list',
       height: 'auto'
     },
     {
      xtype: 'list',
       height: 'auto',
     }
]
于 2012-09-17T21:51:15.737 に答える