extaspnet 自带的examples和appbox如何改为单tab架构

这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)

收工