extaspnet 自带的examples和appbox如何改为单tab架构
2011-05-18 10:36
337 查看
这2套三石编写的框架都采用多tab架构
那为啥要改为单tab架构呢?
理由
1.extjs本身渲染就慢,在IE中更甚,多tab架构,一些用户会一直开新页面也不关,占用内存越来越大,越用越慢
2.有些系统架构,用单tab就够了
3.多tab架构,从导航重复打开页面,tabstrip会把此页面切换到当前页,但是默认并不会刷新
更改方法,
主页JS
// Add a dynamic tab (With toolbar).
var mainTabStrip = Ext.getCmp('<%= mainTabStrip.ClientID %>');
if (mainTabStrip.items.length>1)
{
var items=mainTabStrip.getComponent('dynamic_added_tab');
mainTabStrip.remove(items);
}
var tabID = 'dynamic_added_tab';// + node.id.replace('__', '-');
mainTabStrip.addTab({
'id': tabID,
'url': href,
'title': node.parentNode.text + ' -> ' + node.text,
'closable': true,
'bodyStyle': 'padding:0px;',
'iconCls': 'icon_' + href.replace(/[^.]+/./, ''),
'tbar': new Ext.Toolbar({
items: [ refreshButton, '-', openNewWindowButton]
})
});
//'->',
红色部分是有修改的,简单吧,我在加载新tab之前,先把原来那个tab删掉
(tabstrip只保留2个tab,一个主页和一个动态的tab)
收工
那为啥要改为单tab架构呢?
理由
1.extjs本身渲染就慢,在IE中更甚,多tab架构,一些用户会一直开新页面也不关,占用内存越来越大,越用越慢
2.有些系统架构,用单tab就够了
3.多tab架构,从导航重复打开页面,tabstrip会把此页面切换到当前页,但是默认并不会刷新
更改方法,
主页JS
// Add a dynamic tab (With toolbar).
var mainTabStrip = Ext.getCmp('<%= mainTabStrip.ClientID %>');
if (mainTabStrip.items.length>1)
{
var items=mainTabStrip.getComponent('dynamic_added_tab');
mainTabStrip.remove(items);
}
var tabID = 'dynamic_added_tab';// + node.id.replace('__', '-');
mainTabStrip.addTab({
'id': tabID,
'url': href,
'title': node.parentNode.text + ' -> ' + node.text,
'closable': true,
'bodyStyle': 'padding:0px;',
'iconCls': 'icon_' + href.replace(/[^.]+/./, ''),
'tbar': new Ext.Toolbar({
items: [ refreshButton, '-', openNewWindowButton]
})
});
//'->',
红色部分是有修改的,简单吧,我在加载新tab之前,先把原来那个tab删掉
(tabstrip只保留2个tab,一个主页和一个动态的tab)
收工
相关文章推荐
- [置顶] Sublime Text 3打开界面如何设置缩进形式?设置缩进为直线而非小圆点!空格space改为标签Tab缩进?
- ExtAspNet应用技巧(二十) - 如何创建ext:Timer控件
- extaspnet 的panel如何动态改变iframeurl
- 如何设置extextenders tabcontainer 加载时默认显示第一个TabPnel
- ExtAspNet应用技巧(二十四) - AppBox之Grid数据库分页排序与批量删除
- ext 如何添加tabpanel
- extaspnet 的下拉框items宽度如何更改?
- extaspnet 的grid如何禁止选中某些行
- extaspnet 如何给文本框添加失去焦点的后台事件
- 如何把linux默认自带的openJDK改为oracle的JDK
- 如何在vim里面把空格缩进改为tab缩进
- Ubuntu自带的火狐浏览器如何改为中文
- ExtAspNet应用技巧(二十) - 如何创建ext:Timer控件
- 如何动态删除Ext.TabPanel中的Items
- ExtAspNet应用技巧(二十四) - AppBox之Grid数据库分页排序与批量删除
- 如何将Win7任务栏缩略图改为显示文字提示
- ABAP UI---如何使用Vertical Tabstrip for Controls
- Hadoop中自带的examples之wordcount应用案例
- 大型网站如何架构 - 网页资料集
- 如何而去掉android中Button自带的阴影效果