extjs中Ext.Panel和TreePanel 组件动态加载本地页面数据


<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的相关内容。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值