【发布时间】：2014-10-21 14:50:26
【问题描述】：
我正在尝试创建一个小型 ExtJS 应用程序（主应用程序），它在面板中显示其他应用程序（辅助应用程序）。我可以加载应用程序的索引文件，但没有加载 js 脚本。辅助应用程序已经构建。有谁知道我应该如何正确加载辅助应用程序？谢谢
这是我的主应用视图：
Ext.define('POCs.view.Main', {
extend: 'Ext.container.Container',
requires: [
'POCs.controller.MainController',
//'POCs.view.MainModel'
],
xtype: 'app-main',
controller: 'main',
viewModel: {
type: 'main'
},
layout: {
type: 'border'
},
items: [{
xtype: 'panel',
region: 'west',
items:[{
xtype: 'button',
width:200,
fontWeight: "bold",
itemId: 'err',
margin:20,
html: 'POC1',
bodyPadding: 10,
handler: 'onErrButton'
},
{ width:200,
xtype: 'button',
fontWeight: 'bold',
itemId: 'per',
margin:20,
html: 'POC2',
bodyPadding: 10,
//handler: 'onPerButton'
}
],
width: 250,
split: true,
},{
region: 'center',
xtype: 'panel',
id: 'canvas1',
name: 'Canvas1'
},
{
region: 'north',
xtype: 'panel',
split:true,
items:[{
region:'west',
xtype:'image',
src:'logo.jpg'
},
{
region:'center',
html: '<h2>Proofs of concept</h2>',
margin:"0 0 0 50",
}]
}]
});
这是控制器：
Ext.define('POCs.controller.MainController', {
extend: 'Ext.app.ViewController',
requires: [
'Ext.MessageBox'
],
alias: 'controller.main',
config: {
refs: {
canvas1: '#canvas1',
}
},
init: function() {
var me=this;
me.control({
'#per': {
click: this.onPerButton,
}
});
},
onErrButton: function () {
Ext.Msg.confirm('Confirm', 'Are you sure?', 'onConfirm', this);
},
onPerButton: function () {
Ext.Ajax.request ({
url: 'ap3init/index.html',
scripts:true,
autoLoad:true,
success: function(response) {
var htmlText= response.responseText;
var cp1 = Ext.getCmp('canvas1').setHtml(htmlText);
//setHtml only sets the html but doesn't activate the scripts
}
});
},
onSecButton: function () {
Ext.Msg.confirm('Confirm', 'Are you sure?', 'onConfirm', this);
},
onSpcnButton: function () {
Ext.Msg.confirm('Confirm', 'Are you sure?', 'onConfirm', this);
},
onSpcoButton: function () {
Ext.Msg.confirm('Confirm', 'Are you sure?', 'onConfirm', this);
},
onConfirm: function (choice) {
if (choice === 'yes') {
//
}
}
});
【问题讨论】：
-
您可以使用 iframe 执行此操作，并将其 url 设置为内部/辅助应用程序的索引。看看这篇文章 - stackoverflow.com/questions/6025814/… |或者这个组件 - docs.sencha.com/extjs/4.2.2/#!/api/Ext.ux.IFrame
-
我使用了 Ext 版本的 iframe。这种方法的唯一问题是您必须加载一个 html 文件。我仍然无法正确加载脚本。您应该发表您的评论作为答案，以便我接受它
标签： javascript ajax extjs model-view-controller