Ext.Panel 怎么添加Html元素

[publicbbs]

var CommandButtonPanel = new Ext.Panel({
anchor:'97%',
height:58,
});

addCommand : function(image_url,clickHandle){
var image = document.createElement("div");
image.innerHTML = '<img src="'+image_url+'"/>';
image.onclick = clickHandle;
var _commandButtonPanel = CommandButtonPanel.getEl();
_commandButtonPanel.appendChild(image);
},

上面的代码是想在一个Ext.Panel里面添加Html元素
但是
var _commandButtonPanel = CommandButtonPanel.getEl();
得到的
_commandButtonPanel 值为 undefined


如果代码改为下面的，代码正常运行，但没有显示Image
addCommand : function(image_url,clickHandle){
var image = document.createElement("div");
image.innerHTML = '<img src="'+image_url+'"/>';
image.onclick = clickHandle;
CommandButtonPanel.add(image);
},

[kc8886]

addCommand : function(image_url,clickHandle){
var image = document.createElement("div");
image.innerHTML = ' <img src="'+image_url+'"/>';
image.onclick = clickHandle;
var _commandButtonPanel = CommandButtonPanel.getEl();
_commandButtonPanel.appendChild(image);
},
如果是继承实现的,用CommandButtonPanel.getEl(); 确实无法返回element。
而且就算返回了用_commandButtonPanel.appendChild(image); 也无法添加到panel中。
其实你可以用panel的html中添加
var CommandButtonPanel = new Ext.Panel({
anchor:'97%',
html:' <img src="'+image_url+'"/>'
height:58,
});

[publicbbs]

楼上说的我知道
但我不是在这个PANEL初始化的时候显示内容，而是要根据后面用户行为后动态在panel加东西

[ewqtan]

顶

[kc8886]

哦，可以得到CommandButtonPanel后在他的lastChild的lastChild中添加一个appendChild，我试验过了，可以的！

[kc8886]

addCommand :function(){
var image = document.createElement("div");
image.innerHTML = ' <img src="7.jpg"/>';
this.getEl().dom.lastChild.lastChild.appendChild(image);
},

就不需要多解释什么了吧！

[z83925247]

还是不太懂