Ext中获取节点对象的方法分析

 

Ext中提供了三个方法获取某个节点对象，在使用的时候经常混淆，现把三个方法区别记录下来，供大家参考。

     Ext.get(id):返回一个HTML DOM对象。

  Ext.getCmp(id)：返回Ext.Component，如果要调用ext的方法，则需要使用该方法获取组件。

  Ext.getDom(id)：返回HTMLElement。

 

举个例子，我们声明一棵树，js代码如下：

      var tree=new Ext.tree.TreePanel({

        renderTo:"show",

id:'tt',

        root:root,//定位到根节点

        animate:true,//开启动画效果

        enableDD:false,//不允许子节点拖动

        border:false,//没有边框

        rootVisible:true//设为false将隐藏根节点，很多情况下，我们选择隐藏根节点增加美观性

     });

 

我们分别调用三个方法获取树对象：          

              var aa = Ext.get('tt');

 var tt = Ext.getCmp('tt');

 var bb = Ext.getDom('tt');

 alert(aa.id);

 alert(tt);

 alert(bb);

弹出结果如下：

             [Object Object]

             [Tree tt]

             [Object HTMLDivElement]