1

パネル内のスペース全体をグリッドで占有しようとしていますが、このフォーラムを検索した後、フィット レイアウトがそのような場合に役立つはずだと読みました。しかし、私はまだそうするのに問題があります。

         {
            xtype:'panel',
            layout:'fit',
            items: [{
                     xtype: 'grid',
                     store: 'DimensionStore',
                     id: 'dimension-grid',
                     padding: '0 5 0 5',
                     viewConfig: { emptyText: '<div style="padding:10px;">No dimensions found...</div>' },
                     columns: [{ 
                                header: 'Name', dataIndex: 'DimensionName', flex: 2 
                              }]
                     }
                  }]
         }

それが機能する唯一の方法は、グリッドの絶対的な高さを設定することですが、パネルとグリッドが拡張可能なウィンドウ内にあり、拡張されたときに見栄えが悪いため、目的を無効にします。

4

1 に答える 1

4

表示された画像に基づくと、レイアウトの問題は、テキスト フィールドとグリッドを含む上部の [ディメンション] パネルにあるようです。これは実際にはここでレイアウトを担当するコンポーネントであり、グリッドではありません。

これをどのように使用するかによって、できることがいくつかあります。最も簡単な解決策は、「vbox」レイアウトを使用することです。"Dimensions" パネルには 2 つの項目があります。1 つはテキスト フィールドを含む固定高さのパネル用で、もう 1 つはフレックス 1 のグリッドを含むものです。このようにして、グリッドは残りの領域を埋めます。

Ext.layout.container.VBox ドキュメント

テキストフィールドを「北」領域として、グリッドを「中央」領域として「フィット」レイアウトのボーダーレイアウトを使用して、同じことを行うこともできます。

Ext.layout.container.Border ドキュメント

これはすべて、限られたコード サンプルとリンクされた画像に基づいています。さらに支援を容易にするために、より完全なコード例を提供する必要がある場合があります。

于 2012-03-12T15:46:16.363 に答える