get方法中只有一个参数,这个参数是混合参数,可以是DOM节点的id、也可以是一个Element、或者是一个DOM节点对象等。看下面的示例代码:
Ext.onReady(function(){
var e=new Ext.Element("hello");
alert(Ext.get("hello"));
alert(Ext.get(document.getElementById("hello")));
alert(Ext.get(e));
});
Html页面中包含一个id为hello的div,代码如下:
<div id="hello">tttt</div>
Ext.onReady(function(){
var h=new Ext.Panel({
id:"h2",
title:" ",
renderTo:"hello",
width:300,
height:200});
Ext.getCmp("h2").setTitle("新的标题");
});
Ext.onReady(function(){
var e=new Ext.Element("hello");
Ext.getDom("hello");
Ext.getDom(e);
Ext.getDom(e.dom);
});
Html:
<div id="hello">tttt</div>
Ext.onReady(function(){
var h=new Ext.Panel({title:"测试",width:300,height:200});
h.render(Ext.getBody());
});
最后再跟一个源文件,看看源文件基本就知道怎么获取的对象了,希望对大家都有帮助
var DOC = document; //获取DOM节点对象 getDom : function(el, strict){//el-->id 或者 html节点,strict-->是否只支持ID属性(ie下IE的name属性也能获取)获取节点对象 if(!el || !DOC){ return null; } if (el.dom){ return el.dom; } else { if (typeof el == 'string') {//如果传的参数是字符串,就当是ID处理 var e = DOC.getElementById(el); // IE returns elements with the 'name' and 'id' attribute. // we do a strict check to return the element with only the id attribute if (e && isIE && strict) { if (el == e.getAttribute('id')) { return e; } else { return null; } } return e; } else { return el; } } }, getBody : function(){//获取文档的body节点对象 return Ext.get(DOC.body || DOC.documentElement); }