学习ext 有一段时间了,也开发了几个项目,抽点时间做个总结,刚好公司让我做个Ext培训,于是随便写个Ext 教程。 Ext 介绍 Ext 是一个很不错的Ajax 框架,可以用来开发带有华丽外观的胖客户端应用,使得我们的b/s 应用更加具有活力及生命力,提高用户体验。ExtJS 是一个用javascript 编写,与后台技术无关的前端ajax 框架。因此,可以把Ext 用在.Net、Java、Php 等各种开发语言开发的应用中。 至今 Ext 最新版本是ext2.2,下面的教程都是以Ext2.2 作为基础的。 Ext 主要有下列类: Ext air:适配器 data:数据处理 dd:页面元素的拖曳 form:表单操作 grid:装载数据的表格 layout:布局 menu:各式菜单 state:用户状态 tree:各式树 util:常用函数 学习Ext 必须注意, 使用ext 必须导入 ext 包, 将下载好的ext 保存在本地硬盘,像导入普通js 文件、css 文件一样导入需要的文件;要使用 ext,下面三个文件是必须导入的 第一个导入Ext 样式,其实 ext 就是 js+样式,所以必须导入。 第二和第三个都是 js 文件,必须注意导入顺序,ext-all.js 里面要使用到 ext-base.js 设置的基本参数,因此 ext-base.js 必须先导入! ext-base.js 有 500 多 k 的大小,页面加载的速度可能比较慢,再由于交互性强,特别适合后台管理。可以采用进度条缓冲加载。 Ext 对语言支持是非常好的,界面显示的语言是英文。我们可以新建一个语言文件放入到 ext 包根目录下。 通常我们中文的文件命名为 ext-lang-zh_CN.js ext 最简单应用: 布局介绍 你可以先预览效果:布局效果图 布局主要有 Accordion 布局,Border 区域布局,Column 列布局和 Card 布局。 Accordion 布局:Accordion 布局由类 Ext.layout.Accordion 定义,名称为 accordion,表示可折叠的布局,也就是说使用该布局的容器组件中的子元素是可折叠的形式。 Column 列布局:Column 列布局由 Ext.layout.ColumnLayout 类定义,名称为 column。列布局把整个容器组件看...