当前位置: 代码迷 >> Web前端 >> ext小结
  详细解决方案

ext小结

热度:277   发布时间:2012-10-26 10:30:59.0
ext总结
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.性能较差.不适合配置很低的电脑使用
  相关解决方案