easyui tab只在窗口中打开一个，而不是多个在一起的

最新推荐文章于 2021-06-19 06:48:08 发布

转载最新推荐文章于 2021-06-19 06:48:08 发布 · 1.5k 阅读

本文介绍了一种在网页应用中管理标签页的方法，通过使用addTab函数实现标签页的添加、选择和更新。该方法首先关闭当前标签页，检查目标标签页是否存在，如果存在则进行刷新，否则创建新的标签页。

在index.html里面有个addTab(title, url)方法，然后每次创建前获取当前的并删除就可以，具体代码如下：

function addTab(title, url){

    //关闭当前的

    var currTab = $('#tabs').tabs('getSelected');

    if(currTab){

        $('#tabs').tabs('close',currTab.panel('options').title);

    }

    if ($('#tabs').tabs('exists', title)){

        $('#tabs').tabs('select', title);//选中并刷新

        var currTab = $('#tabs').tabs('getSelected');

        var url = $(currTab.panel('options').content).attr('src');

        if(url != undefined && currTab.panel('options').title != 'Home') {

            $('#tabs').tabs('update',{

                tab:currTab,

                options:{

                    content:createFrame(url)

                }

            })

        }

    } else {

        var content = createFrame(url);

        $('#tabs').tabs('add',{

            title:title,

            content:content//,

            //closable:true

        });

    }

    tabClose();

}