您的位置:首页 > 移动开发

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)

收工
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: