extjs如何获得对象和动态设置响应…

 

 extjs库里，Ext可以看做是一个容器，提供非常强劲的功能，下面看一下Ext如何工作：

 

一般把一些初始化的工作放在 Ext.onReady里面，Ext.onReady是一个事件，可以动态对它设置相应事件代码，如Ext.onReady(function(){…})，而Ext.get(“btn”)这样就可以获得一个Element元素，但这个Element并不等同document.getEmentById获得的对象，而有自己的一些方法，比如alert(Ext.get("btn").getValue());但是通过事件获取的对象就可以得到对象本身的引用，下面例子里的p_obj.target就等同与document.getEmentById获得的对象。下面给出个例子：

<script language="#">
  Ext.onReady(function(){
   var btnClick=function(p_obj){
    alert("Clicked me :"+p_obj.target.value);
   }
      Ext.get("btn").on("click",btnClick);
  }
  )
</script>
例子中把一段设置DOM节点ID为btn对象的onClick对象设置为btnClick事件，而p_obj对象则是extjs的一个对象，其中p_obj.target便指向此DOM节点。