没有合适的资源?快使用搜索试试~ 我知道了~
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" /> <script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="extjs/ext-all.js"></script>
资源详情
资源评论
资源推荐
EXTJS 实用开发指南
、要使用 ExtJS 框架的页面中一般包括下面几句:
在 ExtJS 库文件及页面内容加载完后,ExtJS 会执行 Ext.onReady 中指定的函数,因
此
可以用,一般情况下每一个用户的 ExtJS 应用都是从 Ext.onReady 开始的,使用
ExtJS 应用,程序的代码大致如下:
!
"#$% 库已加” &
'
#( &
)、
*:
fn 也可以写成一个匿名函数的形式,因此上面的代码可以改成下面的形式:
#(
!
"#$% 库已加载+, &
'
&
-:
进一步,我们可以在页面上显示一个窗口,代码如下:
#(
!
. //
#0/!12/1344251)44261782
7' &参数是标题2宽度2高度26 文本
// &
' &
3、ExtJS 的类库由以下几部分组成:
底层 *9: :底层 *9:中提供了对 ;<=操作、查询的封装、事件处理、;<=查询
器等基础的功能。其它控件都是建立在这些底层 的基础上,底层 位于源代码目录
的
子目录中,包括 ;68、#6等文件
控件/5 :控件是指可以直接在页面中创建的可视化组件,比如面板、选项板、
表格、树、窗口、菜单、工具栏、按钮等等,在我们的应用程序中可以直接通过应用这些
控
件来实现友好、交互性强的应用程序的 >:。控件位于源代码目录的 /5子目录中
实用工具 >:#提供了很多的实用工具,可以方便我们实现如数据内容格式化 、
$%<?
数据解码或反解码、对 ;、*、发送 *请求、@管理、@%%管理等扩展
等功
能
A、#)4对框架进行了非常大的重构,其中最重要的就是形成了一个结构及层次分明的
组
件体系,由这些组件形成了 #的控件,#组件是由 @6类定义,每一种组件
都有
一个指定的 属性值,通过该值可以得到一个组件的类型或者是定义一个指定类型的
组
件。
组件体系由下图所示:
组件大致可以分成三大类,即基本组件、工具栏组件、表单及元素组件。
基本组件有:
@
#-@6具有边框属性的组件
-#-按钮
#@9调色板
6#@6组件
#@容器
#@-
/#;./数据显示视图
#;9日期选择面板
##编辑器
5#5#B9可编辑的表格
5#5B9表格
55#955C工具栏中的间隔
#9面板
5#95-进度条
#%-可分裂的按钮
#C9选项面板
#C9树
/#./9视图
//#0/窗口
工具栏组件有
#C工具栏
#C-按钮
D#CE文件
6#C:6工具条项目
#C%工具栏分隔符
#C%工具栏空白
#C%-工具栏分隔按钮
#CC:6工具栏文本项
表单及字段组件包含
6#E69E6面板
#6@录入框
6#6@6-6选择项
D#6;E日期选择项
D#6E表单字段
D#6E%表单字段组
#68表单隐藏域
6#686#6编辑器
6D#6?6E数字编辑器
#6(单选按钮
#6C*区域文本框
D#6CE表单文本框
6D#6C6E时间录入项
55#6C55E触发录入项
A、组件的使用
组件可以直接通过 /关键子来创建,比如控件一个窗口,使用 /#0/ ,
创建一个表格则使用 /#B9 。当然,除了一些普通的组件以外,一般都会
在构造函数中通过传递构造参数来创建组件。
组件的构造函数中一般都可以包含一个对象,这个对象包含创建组件所需要的配置属性
及值,组件根据构造函数中的参数属性值来初始化组件。比如下面的例子:
!12/1344251)442617827'&
/#9 & &
F&
可以省掉变量 obj,直接写成如下的形式:
/
#9!12/1344251)44261782
7' &
&
render 方法后面的参数表示页面上的 div 元素 id,也可以直接在参数中通过
renderTo 参
数来省略手动调用 render 方法,只需要在构造函数的参数中添加一个 renderTo 属性
即可
var panel=new
Ext.Panel({renderTo:"hello",title:"hello",width:300,height:200,html:'
<h1>Hello,easyjf open source
</h1>'});
对于容器中的子元素组件,都支持延迟加载的方式创建控件,此时可以直接通过在需要
父组件的构造函数中,通过给属性 6传递数组方式实现构造。如下面的代码:
/#C9!/1344251)44261G!1面板
25134'2!1面板 )25134'2!1面板
325134'H' & &
注意中括号中加粗部份的代码,这些代码定义了 C9这个容器控件中的子元素,这
里包括三个面板。上面的代码与下面的代码等价:
/#C9!/1344251)44261G/
#9!1面板 25134' 2/#9!1面板
)25134' 2/#9!1面板
325134' H' & &
上两处代码,前者不但省略掉了 new Ext.Panel 这个构造函数,最重要前者只有在初始
化 TabPanel 的时候,才会创建子面板,而第二种方式则在程序一开始就会创建子面板。
也就是说,前者实现的延迟加载。
5、组件的配置属性
在 ExtJS 中,除了一些特殊的组件或类以外,所有的组件在初始化的时候都可以在构造
函数使用一个包含属性名称及值的对象,该对象中的信息也就是指组件的配置属性。
比如配置一个面板:
Var a=new Ext.Panel({
title:"面板",
html"面板内容",
height:100}
);
创建一个按钮:
var b=new Ext.Button({
text:"添加",
pressed:true,
heigth:30,
handler:Ext.emptyFn
剩余52页未读,继续阅读
lyczflyy
- 粉丝: 13
- 资源: 4
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0