没有合适的资源?快使用搜索试试~ 我知道了~
EXT_JS实用开发指南_个人整理笔记.doc
需积分: 10 9 下载量 73 浏览量
2017-09-12
22:21:59
上传
评论
收藏 1.05MB DOC 举报
温馨提示
试读
53页
EXT_JS实用开发指南_个人整理笔记,代码、注释、图片描述浅显易懂,详细描述了ext框架的各个组件的样式和使用
资源推荐
资源详情
资源评论
实用开发指南
、要使用 框架的页面中一般包括下面几句:
Ext.BLANK_IMAGE_URL =
'../../js/ext2/resources/images/default/tree/s.gif';
在 库文件及页面内容加载完后,会执行 中指定的函数,因
此
可以用,一般情况下每一个用户的 应用都是从 开始的,使用
应用,程序的代码大致如下:
!
"#$% 库已加” &
'
#( &
)、
* !
' &
+:
也可以写成一个匿名函数的形式,因此上面的代码可以改成下面的形式:
#(
!
"#$% 库已加载,- &
'
&
.:
进一步,我们可以在页面上显示一个窗口,代码如下:
#(
!
/
00
#10!2302455362)55372893
8' &参数是标题3宽度3高度37 文本
00 &
' &
4、的类库由以下几部分组成:
底层 +:; :底层 +:;中提供了对 <=>操作、查询的封装、事件处理、<=>查询
器等基础的功能。其它控件都是建立在这些底层 的基础上,底层 位于源代码目录
的
子目录中,包括 <79、#7等文件
控件06 :控件是指可以直接在页面中创建的可视化组件,比如面板、选项板、
表格、树、窗口、菜单、工具栏、按钮等等,在我们的应用程序中可以直接通过应用这些
控
件来实现友好、交互性强的应用程序的 ?;。控件位于源代码目录的 06子目录中
实用工具 ?:#提供了很多的实用工具,可以方便我们实现如数据内容格式化 、
$%=@
数据解码或反解码、对 <、+、发送 +请求、A管理、A%%管理等扩展
等功
能
B、#)5对框架进行了非常大的重构,其中最重要的就是形成了一个结构及层次分明的
组
件体系,由这些组件形成了#的控件,#组件是由A7类定义,每一种组件
都有
一个指定的属性值,通过该值可以得到一个组件的类型或者是定义一个指定类型的
组
件。
组件体系由下图所示:
组件大致可以分成三大类,即基本组件、工具栏组件、表单及元素组件。
基本组件有:
A
#.A7具有边框属性的组件
.#.按钮
#A:调色板
7#A7组件
#A容器
#A.
0#</0数据显示视图
#<:日期选择面板
##编辑器
6#6#C:可编辑的表格
6#6C:表格
66#:66D工具栏中的间隔
#:面板
6#:6.进度条
#%.可分裂的按钮
#D:选项面板
#D:树
0#/0:视图
00#10窗口
工具栏组件有
#D工具栏
#D.按钮
E#DF文件
7#D;7工具条项目
#D%工具栏分隔符
#D%工具栏空白
#D%.工具栏分隔按钮
#DD;7工具栏文本项
表单及字段组件包含
7#F7:F7面板
#7A录入框
7#7A7.7选择项
E#7<F日期选择项
E#7F表单字段
E#7F%表单字段组
#79表单隐藏域
7#797#7编辑器
7E#7@7F数字编辑器
#7(单选按钮
#7D+区域文本框
E#7DF表单文本框
7E#7D7F时间录入项
66#7D66F触发录入项
B、组件的使用
组件可以直接通过0关键子来创建,比如控件一个窗口,使用0#10 ,
创建一个表格则使用0#C: 。当然,除了一些普通的组件以外,一般都会
在构造函数中通过传递构造参数来创建组件。
组件的构造函数中一般都可以包含一个对象,这个对象包含创建组件所需要的配置属性
及值,组件根据构造函数中的参数属性值来初始化组件。比如下面的例子:
!2302455362)553728938'&
0#: & &
G&
可以省掉变量 ,直接写成如下的形式:
0
#:!2302455362)55372893
8' &
&
方法后面的参数表示页面上的元素,也可以直接在参数中通过
参
数来省略手动调用 方法,只需要在构造函数的参数中添加一个 属性
即可
! ! "##! $ %##! &'
( )*+!,,-.
(/ )*'012
对于容器中的子元素组件,都支持延迟加载的方式创建控件,此时可以直接通过在需要
父组件的构造函数中,通过给属性 7传递数组方式实现构造。如下面的代码:
0#D:!02455362)55372H!2面板
36245'3!2面板)36245'3!2面板
436245'I' & &
注意中括号中加粗部份的代码,这些代码定义了 D:这个容器控件中的子元素,这
里包括三个面板。上面的代码与下面的代码等价:
0#D:!02455362)55372H0
#:!2面板36245' 30#:!2面板
)36245' 30#:!2面板
436245' I' & &
上两处代码,前者不但省略掉了这个构造函数,最重要前者只有在初始
化的时候,才会创建子面板,而第二种方式则在程序一开始就会创建子面板。
也就是说,前者实现的延迟加载。
J、组件的配置属性
在#$%中,除了一些特殊的组件或类以外,所有的组件在初始化的时候都可以在构造
函数使用一个包含属性名称及值的对象,该对象中的信息也就是指组件的配置属性。
比如配置一个面板:
/0#:!
2面板3
7面板内容3
6255'
&
创建一个按钮:
0#.!
2添加3
23
62453
2#7F
剩余52页未读,继续阅读
资源评论
good_reader
- 粉丝: 0
- 资源: 18
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功