ExtJS: Как разместить панели сетки

Question

Я пытаюсь довольно долго размещать несколько Ext.grid.Panel (s) на одном экране. Я хочу разместить их на определенных должностях. Но почему-то либо они относительно наклонены, либо перекрываются, либо иногда я не вижу ни одной из панелей вообще. Я пробовал с различными вещами, такими как макет: столбец, макет: абсолютный и т. Д.

Пожалуйста, предложите, как я могу разместить свои сетки на одной странице. Я пытаюсь разместить 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 
     }] 
    }); 

});