创建可拖动的面板

Question

我想创建一个面板，它有三个子面板，只能拖到左侧。当它们完全可见时（当它们完全出现在父面板上时），父面板应该是desabled（我使用模态配置，但是子面板相互叠加，并且它们调整为其中的html内容）。将三个子面板拖动到左侧时，应启用父面板。用户可以再次将这些子面板拖动到初始位置，然后再次显示父面板。我只能创建具有滑动效果的子面板，但不知道如何实现其他要求，因为我是sencha touch和extjs的新手。还有其他资源可以了解有关sencha和ExtJs的更多信息吗？

另一方面，作为一个例子，Sencha docs不解释更多关于Draggable对象的'约束'，'方向'..等等。我在哪里可以找到关于那些在他们的文档中没有完整描述的分类的更多细节。

我附上了两张图片（面板的初始外观以及拖动儿童面板时应该看起来如何），任何人都可以给我一些提示如何实现我的任务？非常感谢你！！