Ext2.0教程一：Ext介绍以及ext页面布局

学习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。列布局把整个容器组件看...