<script type="text/javascript" src="extjs/ext-2.0/adapter/ext/ext-base.js"> </script>
<script type="text/javascript" src="extjs/ext-2.0/ext-all.js"> </script>
<script type="text/javascript" src="extjs/localXHR.js"></script>
<script type="text/javascript" src="gwicom.js"></script>
Ext.extend(ExtMagcard.app,Ext.util.Observable,{
main: new ExtGwi.TabPanel({
activeTab:0,
frame:true,
id:'tests',
items:[{
title:'读发卡机操作',
frame:true,
/
html: '<div id="card"></div>',
url: 'magcard/magcard.html'
//autoLoad:{url:'magcard/magcard.html',scripts:true}
},{
title:'IC卡操作',
frame:true,
html: '<div id="magcard_ic"></div>',
url: 'magcard/magcard_ic.html'
//autoLoad:{url:'magcard/magcard_ic.html',scripts:true}
},{
title:'射频卡操作',
frame:true,
html: '<div id="rfcard"></div>',
url: 'magcard/magcard_rf.html'
//autoLoad:{url:'magcard/magcard_rf.html',scripts:true}
},{
title:'SAM卡操作',
frame:true,
html: '<div id="magcard_sam"></div>',
url: 'magcard/magcard_sam.html'
//autoLoad:{url:'magcard/magcard_sam.html',scripts:true}
},{
title:'配置',
frame:true,
html: '<div id="hello-win"></div>',
url: 'magcard/p_magcard.html'
//autoLoad:{url:'magcard/p_magcard.html',scripts:true}
}]
}),
init:function(){
var w = new Ext.Window({
width: 650,
height:600,
minWidth: 300,
minHeight: 200,
layout: 'fit',
plain:true,
closable : false,
bodyStyle:'padding:5px;',
items:[this.main]
});
w.show();
}
});
另外加上gwicom.js和jquery-1.7.1.jar就可以了。
说明:extjs加载本地页面数据时,在ie6上没有问题,但是在ie8,ie9上有安全性问题,无法加载本地页面数据,jquery的ajax处理机制在ie6,ie8,ie9上
都可以加载本地页面数据,故扩展extjs相关类,使其加载数据时,使用jquery的ajax加载数据机制,当前,bstrun上相关页面主要有:tab和tree两种组件需要
动态加载本地页面数据,故扩展了这两种组件。由于jquery与bstrun页面中的ajax.js部分实现有冲突,故通过嵌入iframe的方式,再加载jquery相关内容,间接
使用jquery的相关内容。