ExtJs组件学习笔记

来源:互联网 发布:java支付接口开发原理 编辑:程序博客网 时间:2024/03/29 23:35

  Extjs组件笔记.(当前学习版本为Ext2.0)

    组件的使用new关键字来创建.

    足见构造函数中一般可以包含一个对象,其对象包含组件所需要的配置,组件根据这些属性来初始化.

   Example:

                

  1. <script>
  2. .....
  3.  var obj={title:'hello',width:300,height:200,html:'XXXX'};
  4.  var panel=new Ext.Panel(obj);
  5.  panel.render("hello");
  6. <script>
  7. <body>
  8.   .....
  9.     <div id="hello"></div>
  10.   .....
  11. </body>

    当然,也可以在obj对象中加一个renderTo属性,则可以省略 panel.render("hello");

 

组件的事件处理:

    Example:

        

  1. Ext.get("id").addListener("click","处理函数");
  2. or
  3. Ext.get("id").on("click","处理函数");

    也可以在初试化中,将事件处理,指定到监听中:

 

  1. listeners:{"click",function(obj){
  2.                       .........
  3.   }
  4. }

 

组件的销毁

  在component组件中,有一个beforedestory函数,在组件销毁时触发,如果返回false,则永远不会将这个组件销毁掉.

 

 

   

原创粉丝点击