1

新しいプロジェクト要件により、Sencha Architect に慣れてきましたが、テーブル レイアウトの操作以外はすべてうまくいっているようです。Sencha Architect のドキュメントは貧弱で、Ext.js のテーブル レイアウトのドキュメントは私の質問に答えていないようです。

このリンクを参照してください: http://fossilstudio.com/offsite/sampleLayout1/app.html

「テーブル」パネルは、テーブルのレイアウトと 2 列の単なるパネルです。4 つのパネルが含まれています。私が達成しようとしているのは、テーブルの高さと幅を 100% にすることで、これらの 4 つのパネルが水平方向と垂直方向のスペースを同じ量占有するようにすることです。これは私が望んでいたほど直感的ではありません。

4

1 に答える 1

2

実際にテーブルが必要な場合にのみ、テーブル レイアウトを使用してください。

ボックス レイアウトを使用する:

Ext.onReady(function() {
    Ext.create('Ext.panel.Panel', {
        renderTo: Ext.getBody(),
        width: 400,
        height: 400,
        layout: {
            type: 'vbox',
            align: 'stretch'
        },
        items: [{
            flex: 1,
            xtype: 'container',
            layout: {
                type: 'hbox',
                align: 'stretch'
            },
            items: [{
                flex: 1,
                title: 'P1'
            }, {
                flex: 1,
                title: 'P2'
            }]
        }, {
            flex: 1,
            xtype: 'container',
            layout: {
                type: 'hbox',
                align: 'stretch'
            },
            items: [{
                flex: 1,
                title: 'P3'
            }, {
                flex: 1,
                title: 'P4'
            }]
        }]
    });
});
于 2012-10-10T22:08:37.520 に答える