手把手教你ExtJS从入门到放弃——篇9(示例6:windowGroup对象操作window组)

 windowGroup对象 操作window组 重点分析:该实例主要目的针对于特殊需求进行具体的实现,利用windowGroup去操作多个窗体同步执行某些任务,这有点类似于javascript里的组合模式,原理就是上级负责执行一个动作但并不真正去执行,而是分别传递给所有的下级组件去具体执行。 register hideAll each

先打开API(暗中观察)自己去看看看有哪些方法,然后根据下面需求做练习

手把手教你ExtJS从入门到放弃——篇9(示例6:windowGroup对象操作window组)_第1张图片

 

 需求:创建5个窗体,创建四个按钮,button1,button2,button3,button4,点击button1 全部窗体隐藏,点击button2全部窗体显示,点击button3将窗体3放到最上层,点击button4,将窗体5放到最底层

不多说,上JS代码  //下面的each与jquery里的差不多,用于遍历

手把手教你ExtJS从入门到放弃——篇9(示例6:windowGroup对象操作window组)_第2张图片

效果如下,自己试试

手把手教你ExtJS从入门到放弃——篇9(示例6:windowGroup对象操作window组)_第3张图片

效果就不看了,看不懂的地方可以留言或者查看API

手把手教你ExtJS从入门到放弃——篇9(示例6:windowGroup对象操作window组)_第4张图片

 

 

 

 

你可能感兴趣的:(ExtJS)