ext总结

w286332849

浏览: 23013 次
性别:
来自: 广州

最近访客更多访客>>

woodding2008

InJavaWeTrust

seeking-ml

gregorychen

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

2011-01 ( 20)
更多存档...

博客分类：

EXT Ajax json 企业应用互联网

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.性能较差.不适合配置很低的电脑使用

分享到：