tabPanel 的一种模式

最新推荐文章于 2021-05-27 12:07:09 发布

最新推荐文章于 2021-05-27 12:07:09 发布 · 163 阅读

文章标签：

#EXT #HTML

EXT JS 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种使用Ext JS中的TabPanel组件来高效管理多个面板的方法。该方法能够根据用户需求显示或隐藏特定的帐户关系面板，并且通过缓存页面提高了应用性能。当关闭面板时，会隐藏而不是销毁它，避免了可能产生的错误。

试了好多次终于好到一个个人认为比较好的tabPanel处理方法
function createTabpanel(account){
        var panel = tabpanel.getComponent(account.account_id);
        if(panel){
            //tabpanel.hideTabStripItem(panel);//
            tabpanel.unhideTabStripItem(panel);
            tabpanel.setActiveTab(panel);
        }else{
            panel = new Ext.Panel({
                id:account.account_id,
                html:account.account_id,
                title:'帐户：' + account.account_id + '帐户关系',
                closable:true

            });



            tabpanel.add(panel);
            tabpanel.setActiveTab(panel);
            panel.on('beforeclose',function(p){
                tabpanel.hideTabStripItem(p);
                tabpanel.syncSize();
                return false;
            })
        }
    }

页面可以缓存起来，提高效率，同时没有销毁不会报错，