当用户更改一个面板的宽度时，如何更改所有面板的宽度？

Question

我使用Ext JS。我有一个“面板”列表。当用户更改一个面板的宽度时，我需要自动更改另一个面板的宽度。现在，当用户更改一个面板时，不会更改另一个面板。这是我的代码：

for (i = 0; i < resources.length; i++) {
                table.add({
                    xtype: 'panel',
                    title: resources[i].name,
                    id: prefixResourceId + resources[i].id,

                    height: constHeight,
                    resizable:{
                        pinned:false,
                        dynamic:true,
                        floating:true
                    },
                    width: widthConst,
                    layout: 'fit'
                });

            }

我尝试使用此代码：

listeners: {
                     resize: function(p) {
                          new Ext.Resizable(p.getEl(), {
                              pinned:false,
                              dynamic:true,
                              resizeElement: function() {
                                  //this block works only when page are loaded
                              }
                          });
                      }

不解之处：

resizable:{
                        pinned:false,
                        dynamic:true,
                        floating:true
                    },

但结果是一样的。 当用户更改一个面板的宽度时，如何更改所有面板的宽度？

Answer 1

将所有面板放在周围的面板中，让用户更改这个面板的大小，所有包含的面板将自动调整其大小。