EXT UI window
来源:互联网 发布:怎么才能投诉淘宝卖家 编辑:程序博客网 时间:2024/05/21 19:29
先来看一下API: Window 继承于 Panel,是Panel的子类,Window组件默认是可以浮动和拖拽的,并且支持最大最小化的能力。Panel 中的各种属性和方法在Window组件中是可以直接使用的。来看例子: 效果: 弹出来一个很漂亮的窗口,而且在IE和FF下效果是一样的,这一点EXT不同浏览器之间的兼容做的很好,减少了很多调试样式的工作。 Window组件构造参数(Config Options): 属性: 方法: 事件: 上面仅列出来例子中用到的一些属性方法事件,更多的需要查看Window组件的API,里面定义了非常多的属性方法事件,用到什么再去查吧。 Ext为Container和内部的items之间定义了一种索引机制,可以从items向上索引其所在的Container对象,也可以从Container向下索引其内部的items,通过这种机制,就可以取得我们想要的值了。 先来看一下例子中的this的含义 结果第一次会弹出 Button 上的文字“OK”,第二次弹出“Get Value”,说明可以通过ownerCt向上索引到Window对象。 那么如何向下索引呢? 通过 this.ownerCt.items.first().getValue() 方法就能得到input框中的值,在input框中输入meizhi 弹出“meizhi” items:这里的items,不是构造参数中的items,this.ownerCt.items,是一个对象加上“.”的用法,是当前这个对象的属性,看一下API中的定义: items 是 MixedCollection 类型,是一个集合对象,MixedCollection中的几个常用方法: 窗体里有多个 TextField 的取值: 效果: 通过items就得到了 Container 中的 item 的值了,但是这种方法看起来不是很灵活,使用 MixedCollection 中的 item(String / Number)方法可以通过ID,Name直接索引到目标对象,这就想我们使用 JavaScript 中的 Document.getElementById 方法一样,想要那个 item, 直接取来就好了。 有一种更加常用的取 Ext 中对象的方法是 Ext.getCmp() ,这个方法可以直接通过 ID 来取到目标对象。 但是实际应用中的情况是比较复杂的,页面中会存在很多的Ext Component,很多时候多个表单中会有相似甚至相同含义的对象,在为它们命名的时候非常容易命名相同,在这样的场景中大量运用 getCmp() 方法,一不小心就会出现错误。 使用Cotainer的items()方法,可以在一定程度上避免上面所提到的情况发生,items()方法取的对象的范围局限在当前 Container对象的内部,这样出现重名Component对象的机会就非常小,也不容易出错。这样在调试的时候也非常方便,仅需要在当前Container的部分就可以找到问题。Window
Window 内部组件的取值
- EXT UI window
- ExtJS UI 之 Ext.Window
- Ext.Window
- ext--window
- Ext.Window+Ext.grid.GridPanel
- Window-UI
- Ext.Window Ext.Panel Ext.TabPanel
- ext window 的问题
- EXT.Window学习
- Ext.Window重新构建
- Ext的window布局
- ext window close() 问题
- 两个Ext.window问题
- ext window窗口
- Ext.Window组件
- Ext.Window实践
- ext window 速度优化
- Ext.Window 学习示例
- list滚动条Scroll 偏移和长度计算公式总结
- input javascript 之 onclick 大全
- 学点FIX
- Tmail: 开源邮件服务器软件包
- 制作可执行的JAR文件包及jar命令详解
- EXT UI window
- 嵌入式开发管理的三大特点
- [转] SKIA结构目录
- Ext UI组件 - Component, Button
- 懶人验证法与 MessageContract
- 程序员的写文档懒人模式
- WebUI设计命名规范
- weblogic10.3下载地址
- WinForm:系统托盘NotifyIcon