1. Component.js
    1. applayTo
      1. 将组件添加进 元素后
    2. renderTo
      1. 将组件添加进元素中
    3. 构造函数
  2. Ext.applay(objTo,objFrom)
    1. 将objFrom的属性 copy给ObjTo
  3. 查找元素的方式
    1. Ext.get()
      1. 参数
        1. 页面元素的ID
        2. dom对象
        3. Ext.Element类型的对象
      2. 返回值
        1. Ext.Element类型的对象
    2. Ext.getCmp()
      1. 根据Ext组件的Id进行查找
    3. Ext.getDom()
      1. 返回DOM节点
    4. Ext.getBody()
      1. 相当于Ext.get(body)
    5. Ext.getDoc()
      1. 相当于 Ext.get(document)
  4. 需要导入的文件及文件夹
    1. 注意1： <link type="text/css" href="css/extjs/css/ext-all.css" rel="stylesheet"/> 中的rel属性不能少
    2. 注意2：注意images文件夹必须是ext-all.css文件的上一级
    3. extJs 需要导入的最少资源文件结果图
    4. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>ExtJs需要导入的文件</title> <link type="text/css" href="css/ext-all.css" rel="stylesheet"/> <script type="text/javascript" src="js/extjs/ext-base.js"> </script> <script type="text/javascript" src="js/extjs/ext-all.js"> </script> <script type="text/javascript"> Ext.onReady(function(){ Ext.MessageBox.alert("测试", "如果消息窗体正常则ExtJs需要的内容准备OK"); }); </script> </head> <body> </body> </html>
  5. 事件
    1. 添加事件
      1. addEvent()
    2. 发布事件
      1. fireEvent()
    3. 订阅事件|绑定事件处理程序
      1. on()
        1. 方式1：on("函数名"，function(事件源对象,事件对象){},scope对象，oberverable参数)
      2. addListener
      3. Ext.util.Observable.prototype.on = Ext.util.Observable.prototype.addListener;
    4. 阻止时间冒泡
      1. on("click", function(e){ ... e.preventDefault(); }, this)
      2. on("click", function(e){ ... }, this, { preventDefault: true })
  6. 组件
    1. Observable
    2. Component
      1. disble
      2. cls
      3. disabledClass
      4. hidden
      5. id
      6. listeners
      7. renderTo
    3. Container