允许通过在hbox布局中拖动鼠标来调整两个网格的大小或放大

Question

我在hbox布局中有两个网格。代码编写如下：

xtype : 'container'
Layout :'hbox',
Items :[{
      xtype : 'container'
      Layout :'fit', 
      Items : [{
           xtype : 'container'
           Layout : {
                  type : 'border',
                   align : 'stretch' 
           }, 
           Items : [
               {
                    // my left grid. - - - - West region
               },      
               {
                    // my right grid------ center region
               } ] 
     }]
}] 

可调整大小：两个网格都提到了true属性。

当前，我只能调整或放大网格的左侧。我想在拖动鼠标的同时调整左右网格的大小并使其放大。 我已经尝试过使用分离器，但是没有用。

这怎么办？