ExtJS：如何定位网格面板

Question

我一直试图在一个屏幕上放置多个Ext.grid.Panel。我想把它们放在某些位置。但无论如何，他们要么相对倾斜，要么重叠，或者有时我根本看不到其中一个面板。我尝试过各种各样的东西，比如布局：列，布局：绝对等等。

请建议如何将我的网格放在一个页面上。我试图将4个网格面板放在两行中，每个网格之间有相当大的空间。面板。

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
        }]
    });

});