如何在ExtJS中的列布局面板上应用可拖动函数？

下面是我想在项目所在的面板上应用Dragable的逻辑（auditGrid、displayGrid）

似乎您正在寻找门户布局

---

参考：

看起来像JavaScript UI框架，而不是Grails/Groovy。我最好用任何框架来标记这个问题。是的，它是一个extjs用户界面。。我可以通过使用split=true来实现，但是窗口正在完全移动而不是放大。窗口中有两个帧，一个在上面，使用border作为布局。下面是另外一个窗口，两列分开，在那里他们使用布局：column。所以问题是我应该让水平分水岭可以拖动。有人能帮忙吗。如何将可拖动功能应用于布局：列。！！！！你在找什么？开始拖动，同时拖动，结束拖动的方法？我想拖动两个面板之间的水平分隔线。。放大下面的面板。在上面的代码中，我们可以清楚地看到有两个面板。。一种是使用布局作为边框，另一种是使用列作为布局。所以会有一个水平分水岭，水平分水岭，我必须在倒箭头符号出现的地方实现拖动，以最小化和最大化

var rulePanel = new Ext.Panel({
                       id:'rule-panel',
                       layout:'border',
                       defaults: {
                            split: true,
                        },
                       border:false,
                       closable:false,
                       frame:false,
                        items: [
                            ruleGrid,
                            {
                                height:225,
                                region:'south',
                                layout:'column',
                                items:[auditGrid,
                                displayGrid
                                ]
                            }
                        ]
                    });