Ext的TabPanel页面加载总结
来源:互联网 发布:校园招聘网络营销策划 编辑:程序博客网 时间:2024/06/11 17:28
Ext.TabPanel中autoLoad属性可以实现异步加载一个动态或静态页面,使用一般是没有问题的,但其中有一个值得注意的地方是,如果要显示加载页面中的HTML元素等标签的话,必须在autoLoad后面加上scripts:true这个属性,请看下面代码:
var tabs = new Ext.TabPanel({
id:"treeTab",
border:false,
items:[{
title:"使用scripts属性",
autoLoad:{
url:"test.aspx",
scripts:true
}
},{
title:"不使用scripts属性",
autoLoad:{
url:"test.aspx"
}
}]
});
现在我们假设a.jsp中内容为一个文本输入框,代码如下:
姓名:<input type="text">
那么当激活上面两个TAB后加载得到的内容是有区别的,
使用scripts:true属性的,其加载后显示的是“姓名:”加一个文本框,而不使用的话显示的只有“姓名:”
通常情況下,最好,速度最快的方法是在TabPanel的Items屬性中設置autoLoad:
autoLoad:{url:'a.jsp',
scripts:true
}
但如果被加載的頁面a.jsp中有Ext.OnReady()方法的話,則無法顯示OnReady中加載的界面,所以只能用iframe進行加載,也就是第二種方法:
frame:true,
html:'<iframe src="a.jsp" width="100%" height=486 ></iframe>'
此種方法在加載時,如果a.jsp頁面中包含了引用ext-all.js或者ext相關的js文件的話,每打開一個Tab,則完整加載一次所有ext相關的js文件,將嚴重影響效率。
- Ext的TabPanel页面加载总结
- Ext.TabPanel 的使用
- Ext.TabPanel的api简介
- EXT中tabPanel动态创建tab页面
- EXT使用问题-动态创建tabPanel页面
- EXt:TabPanel
- Ext.TabPanel
- Ext.TabPanel
- Ext.TabPanel
- ExtJS面板的使用(Ext.Panle、Ext.TabPanel、Ext.Viewport)
- ExtJS面板的使用(Ext.Panle、Ext.TabPanel、Ext.Viewport)
- Ext中tabpanel对面板的添加
- ext tabpanel显示不全的原因
- extjs tabpanel 添加header不能重复加载tabpanel 的问题
- ExtJS中TabPanel用iframe加载其他完整页面的处理方法
- ExtJs 4.x 学习小记:Ext.TabPanel滚动条及分页栏不在页面最底端的处理
- Ext.TabPanel学习
- Extjs学习 Ext.TabPanel
- Android上HDMI介绍(基于高通平台)
- 微软面试题 寻找数组中出现的唯一重复的一个数
- label标签
- 收藏一些有用的地址
- Trie树(字典树)
- Ext的TabPanel页面加载总结
- 重载和多态
- 初识Expression Tree of Linq
- Anti-alias的前世今生-常用反走样算法总结
- 任何类型的文件下载时都会弹出文件保存框的实现
- 模拟器安装android market
- 在velocity使用toolbox.xml
- 全球手机芯片产业格局未定,LTE和中国是最大变数
- EJB 基本概念