extjs - ExtJS：如何定位网格面板

Question

我已经尝试在一个屏幕上放置多个 Ext.grid.Panel 已经有一段时间了。我想把它们放在某些位置。但不知何故，它们要么相对倾斜，要么重叠，或者有时我根本看不到其中一个面板。我尝试了各种东西，例如布局：列，布局：绝对等。

请建议我如何将网格放置在单个页面上。我试图将 4 个网格面板放在两行中，每个 grid.Panel 之间有适当的空间。

Answer 1

Ext.require('*');

Ext.onReady(function(){

    new Ext.container.Viewport({
        layout: 'absolute',
        defaults: {
            width: 200,
            height: 200
        },
        items: [{
            title: 'Grid1',
            x: 20,
            y: 20,
        }, {
            title: 'Grid2',
            x: 300,
            y: 20
        }, {
            title: 'Grid3',
            x: 20,
            y: 700
        }, {
            title: 'Grid4',
            x: 500,
            y: 800
        }]
    });

});