0

複雑なデータを表示する必要があり（テーブルに表示します）、xtemplateを使用して（これが最善の方法だと思います）、次のように表示します

Ext.define('My.Example', {
    extend: 'Ext.Panel'
    , tbar:[{    
        text:'my button'
    }]
    ,tpl: '{data}'
});

しかし、テーブルが次のようになった後にグリッドを埋め込む必要があります

|button|----|
|---table---|
|-----------|
|-----------|
|           |
|---grid----|
|-----------|

どうすればいいですか ありがとう

4

1 に答える 1

1

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

Ext.onReady(function() {

    new Ext.panel.Panel({
        width: 400,
        height: 400,
        renderTo: document.body,
        layout: {
            type: 'vbox',
            align: 'stretch'
        },
        tbar: [{
            text: 'Button'
        }],
        items: [{
            flex: 1,
            html: 'Top data'
        }, {
            flex: 1,
            xtype: 'gridpanel',
            store: {
                fields: ['name'],
                data: [{
                    name: 'Item 1'
                }]
            },
            columns: [{
                flex: 1,
                text: 'Name',
                dataIndex: 'name'
            }]
        }]
    });

});
于 2013-08-28T01:58:22.997 に答える