Ext.onReady(function(){
var mypanel=new Ext.Panel({
title:'dd',
width:500,
height:500,
items:[{id:"win1",title:"hahahha",width:200,height:200}]
}).render(Ext.getBody());
//创建了一个组件Component
//mypanel.el.setOpacity(.5);//调用Element的setOpacity方法
//console.log(mypanel);
console.log(mypanel.header.dom);
console.log(mypanel.body.dom);
console.log(mypanel.bwrap.dom);
console.log(mypanel.el.dom);
console.log(mypanel.container.dom);
console.log(Ext.getCmp("mypanel")); //underfined
console.log(Ext.get("mypanel")); //null
console.log(Ext.getDom("mypanel"));//null
console.log(Ext.getCmp("win1")); //获取win1组件对象
console.log(Ext.get("win1")); //Ext.getCmp("win1").el //el
console.log(Ext.getDom("win1")); //即获取此组件的 el.dom //Ext.getCmp("win1").el.dom
//console.log(Ext.getCmp("win1").el.dom);
//Ext.getCmp(""),Ext.get(""),Ext.getDom("") 只能获取组件内部的组件 ID,即被ext管理的组件ID
// | header
//container > el >
// | bwap > body
//console.log(Ext);
//console.log(Ext.getDom("win1"));
//view.el.dom.innerHTML="Hello Ext";//通过Element的dom属性操作DOM对象
});
Ext 各种dom属性
最新推荐文章于 2022-03-04 20:34:45 发布