Question

我正在建立一个使用ExtJS的网站，一旦我点击按钮
它调用Ajax加载html页面，并将其作为项目添加到tabpanel。

mainTab.add({
    xtype: 'panel',
    html: ajaxResponse.responseText
})

但是那个html页面中的javascript没有执行，
如何解决这个问题呢？非常感谢！

修改的我似乎已经找到了，欢迎任何更好的解决方案：

 mainTab.add({
    html:'<iframe src="'+UrlText+'" frameborder="0" scrolling="auto"></iframe>'  
 })

Answer 1

您可以使用http://docs.sencha.com/ext-js/4-1/#!/api/Ext.ux.IFrame

添加iframe

这是示例

mainTab.add(Ext.create('Ext.ux.IFrame',{
  src:'http://www.google.com',
  title:'google'
}))

Answer 2

myCompLoaderPanel = Ext.create("Ext.panel.Panel",{
    width:200,
    height:300,
    title:"From ComponentLoader",
    loader:{
        autoLoad:true,
        scripts:true,
        url:"a.html"
    }
});

mainTab.add(myCompLoaderPanel);

对我来说，这是更容易的方式..
因为我不需要手动处理ajax调用。把它放在url config中。

这是加载加载器的方法：myCompLoaderPanel.getLoader().load()
如果为加载器设置autoLoad: false，这将非常有用。

如何在ExtJS4的tabpanel项目中执行javascript？

2 个答案: