EXTJS4 panel加载页面问题

Question

var main = Ext.create('Ext.Panel', {
title: "",
region: "center",
loader: {},
html: "<iframe id='main-frame' name='main-frame'></iframe>"
});
左边是一个treepanel，点击节点时，触发一个事件
if(model.isLeaf()) {
main.getLoader().load({
      url: model.raw.url,
      target: "main-frame"
});
}
郁闷的是，生成的html里的那个iframe被覆盖掉了，不见了，如果我用单纯的<a>标签加上个target="main-frame"就可以把页面加载到iframe里，请问有什么办法可以解决啊？或者使用代码来控制类似<a href="" target="main-frame"></a>的行为，最重要的是要把页面加载到iframe里

Answer 1

我觉得没必要再用html的frame了，整个页面都用extjs生成不行吗？

Answer 2

if(model.isLeaf()) {
    main-frame.location=model.raw.url;
}