Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>You need to look how layout system works in ExtJs: <a href="http://docs.sencha.com/extjs/4.2.1/#!/guide/layouts_and_containers" rel="nofollow">http://docs.sencha.com/extjs/4.2.1/#!/guide/layouts_and_containers</a></p> <p>For your particular case I think you would need to configure viewport with <code>border</code> layout, put your first grid into <code>center</code> region, and create a container for other two grids in the <code>south</code> region. </p> <p>Also I'd recommend to specify what version of ExtJs you're using. </p> <p><strong>UPDATE:</strong></p> <p>So normally you would have somewhere in your viewport definition:</p> <pre><code>layout: 'border' items: [{ xtype: 'panel', // This your UserGrid region: 'center', ... }, { xtype: 'container', region: 'south', layout: 'vbox', items: [{ xtype: 'panel', // This your RoleGrid flex: 1 ... }, { xtype: 'panel', // This your Map flex: 1 ... }] ... }] </code></pre> <p>This will be true if you don't have special variables for grid (i.e. if you will not create them manually but let ExtJs create them for you.</p> <p>Now, if you have any special logic or configuration inside these grids, then you might define your own classes and inherit them from standard panel/grid. In this case you obviously change <code>xtype: 'panel'</code> in the code above with proper <code>xtype</code> for your class. </p> <p>If you want to create grids beforehand (there are might be some reason for that, but I rarely do so) you would need to pass <code>region</code> configuration to your first grid when creating it:</p> <pre><code>var UserGrid = Ext.create('Ext.grid.Panel', { region: 'center', ... }); </code></pre> <p>And then change the viewport code to something like this:</p> <pre><code>layout: 'border' items: [userGrid, { xtype: 'container', region: 'south', layout: 'vbox', items: [RoleGrid, Map] ... }] </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload