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]