Ext总结:
what:
Ext是一种用js写的一种与后台无关的ajax框架
why:
1.Ext提供了绚丽的UI界面以及强大的ajax功能.
2.Ext提供很多附属的功能,提高开发效率
how:
组件:1.component : 所有组件的最父类,提供了所有组件的生命周期(初始化,创建,事件处理,销毁等)
每一个Ext组件都会对应一个xtype属性.
2.container : 容器组件,容器组件的两个重要的属性:1.layout:布局 2.items: 容纳组件的项.
3.panel : 面板容器组件
4.viewport : 视图容器
表单:1. Ext.form.BasicForm : 表单组件的最父类
2. Ext.form.TextField : 单行文本框
3. Ext.form.ComboBox : 下拉框
4. Ext.form.RadioGroup : 单选按钮组
5. Ext.form.Radio : 单选按钮
6. Ext.form.CheckboxGroup : 多选按钮组
7. Ext.form.Checkbox : 多选按钮
8. Ext.form.Hidden : 隐藏域
9. Ext.form.NumberField : 数字输入框
10.Ext.form.TextArea : 多行文本框
11.Ext.from.DateField : 日期选择框
12.Ext.from.TimeField : 时间选择框
13.Ext.form.HtmlEditor : 文本编辑器
14.Ext.form.Label : 字段域
15.Ext.form.FieldSet : 字段容器(用于字段分组)
16.Ext.form.FormPanel : 表单容器
按钮:
1.Ext.Button : 按钮
2.Ext.ButtonGroup : 按钮组
表格:
1.Ext.grid.GridPanel : 表格容器
2.Ext.grid.CheckboxSelectionModel
: 表格选择框
窗口:
1.Ext.Window : 窗口容器
2.Ext.WindowGroup : 窗口容器组
3.Ext.Viewport : 视图容器
树:
1.TreePanel : 树容器
2.TreeNode : 树节点
菜单:
1.Ext.menu.BaseItem : 所有菜单项的父类
2.Ext.menu.Menu : 菜单项容器
3.Ext.menu.Item : 菜单项
2.Ext.menu.CheckItem : 复选菜单项
3.Ext.menu.ColorMenu : 颜色菜单项
4.Ext.menu.DateMenu : 日期菜单项
5.Ext.menu.TextItem : 文本菜单项
数据:
1.Ext.data.ArrayStore : Array数据源
1.Ext.data.ArrayReader : Array解析器
2.Ext.date.JsonStore : Json数据源
2.Ext.data.JsonReader : Json解析器
3.Ext.data.XmlStore : Xml数据源
3.Ext.data.XmlReader : Xml解析器
4.Ext.data.HttpProxy : http代理器
Ajax:
1.Ext.Ajax.request : 发送Ajax请求
布局:1.border : 边界布局,中部面板一定要有,东部和西部只占宽度,南部和北部之占高度.
2.fit : 填充布局,填充整个容器,容器中只能存放一个组件.
3.according : 折叠布局,
4.column : 垂直布局
5.form : 表单布局
6.table : 表格布局
7.absolute : 绝对布局,自定义组件位置.
事件:
1.Ext.lib.Event : 事件类:封装了不同浏览器的事件处理函数.
2.Ext.util.Obserable : 提供了事件处理的最基本的功能.
其他: 1.Ext.onReady() : 在加载完DOM元素之后的Ext初始化.
2.Ext.get(String id) : 得到Element元素对象.
3.Ext.getCmp(String id) : 得到Ext的组件对象.
4.Ext.getBody() : 直接得到<body>元素
优缺点:
优点:
1.支持自定义组件,具有强大的可扩展性
2.炫丽的UI界面
3.强大的Ajax交互功能
4.适合企业级开发应用,用户体验好
5.提供很多附属的功能,提高开发效率
缺点:
1.入门比较困难,不适合初学者
2.框架大,不适合互联网应用
3.因为界面效果很炫, 所以非常消耗资源
4.性能较差.不适合配置很低的电脑使用