• 1. 《Easy-Ext》 第三讲 第一个组件 Ext.windowWindow 讲师:白鹤翔
  • 2. Easy-Ext API简述第一个组件:Ext.window.Window。对于组件,也就是Ext最吸引开发者的地方,那么我们要真正的使用Ext的组件,首先必须学会阅读API文档。 xtype:组件的别名 hierarchy 层次结构 Inherited mixins 混入的类 requires 该组件需要使用的类 configs:组件的配置信息 properties:组件的属性 methods:组件的方法 events:组件的事件
  • 3. Easy-Ext window配置window组件常用属性和方法讲解: configs: constrain:布尔值,true为限制窗口只能在其容器内移动,默认值为false,允许窗口在任何位置移动。(另:constrianHeader属性) modal:布尔值,true为设置模态窗口。默认为false plain:布尔值,true为窗口设置透明背景。false则为正常背景,默认为false x、y 设置窗口左上角坐标位置。 onEsc:复写onEsc函数,默认情况下按Esc键会关闭窗口。 closeAction:string值,默认值为'destroy',可以设置'hide'关闭时隐藏窗口 autoScroll:布尔值,是否需要滚动条,默认false
  • 4. Easy-Ext window配置 properties 属性 methods 方法 events 事件
  • 5. Easy-Ext window示例1 上一讲我们已经学过了window的使用,那么在这将中,我们将结合然后把Ext中需要注意的地方,以及组建的使用给予介绍。indow做几个Web开发的经典示例. ExtWeb实战300例: 例1:点击按钮打开一个window,window重复创建的问题 重点分析:这个问题是初学者经常会犯错的地方,一般来说简单的代码不会产生此问题,但是如果以后代码复杂以后,这个问题如果发生调试起来会非常麻烦!!
  • 6. Easy-Ext window示例2 ExtWeb实战300例: 例2: 在window中添加子组件,并讲解常用查找组件的方式: 重点分析:该实例主要针对于组件的查找进行详细的讲解,在以后的应用开发中,同学们应该学会各种方式去查找所需要的组件,不要拘泥于某种特定形式,这样会给开发思路带来很多好处。 ownerCt up/down方法 Ext.getCmp方法
  • 7. Easy-Ext window示例3ExtWeb实战300例: 例3: windowGroup对象 操作window组 重点分析:该实例主要目的针对于特殊需求进行具体的实现,利用windowGroup去操作多个窗体同步执行某些任务,这有点类似于javascript里的组合模式,原理就是上级负责执行一个动作但并不真正去执行,而是分别传递给所有的下级组件去具体执行。 register hideAll each