easyui tabs 操作

Posted 秋明小司机丶

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了easyui tabs 操作相关的知识,希望对你有一定的参考价值。

//添加 刷新 指定刷新
define(function (require, exports, module) {
    if (!window.cms)
        window.cms = {};
    cms = {
        //添加新Tab页
        addTab: function (data) {
            var content = <iframe scrolling="auto" frameborder="0"  src=" + data.url + " style="width:100%;height:100%;"></iframe>;
            if ($(#homePageTabs).tabs(exists, data.title)) {
                // 选 中当前Tab
                $(#homePageTabs).tabs(select, data.title);

                // 重新加载已经存在的Tab内容
                var currTab = $(#homePageTabs).tabs(getTab, data.title);
                $(#homePageTabs).tabs(update, { tab: currTab, options: { content: content, closable: true } });
            } else {
                $(#homePageTabs).tabs(add, {
                    title: data.title,
                    content: content,
                    closable: true
                });
            }
        },
        //关闭指定Tab
        closeTab: function (title) {
            if ($(#homePageTabs).tabs(exists, title)) {
                $(#homePageTabs).tabs(close, title);
            }
        },
        //刷新指定Tab的内容
        refreshTab: function (title) {
            if ($(#homePageTabs).tabs(exists, title)) {
                var currTab = $(#homePageTabs).tabs(getTab, title),
                    iframe = $(currTab.panel(options).content),
                    content = <iframe scrolling="auto" frameborder="0"  src=" + iframe.attr(src) + " style="width:100%;height:100%;"></iframe>;
                $(#homePageTabs).tabs(update, { tab: currTab, options: { content: content, closable: true } });
            }
        }
    }

});



转自别人文章,
原地址:http://chengyong.iteye.com/blog/1846455

 

以上是关于easyui tabs 操作的主要内容,如果未能解决你的问题,请参考以下文章

easyUI跨Tab操作datagrid

easyui tab标签页拖拽排序

easyui为啥点击父级也会新建选项卡

EasyUI-标签(Tabs)用法

easyui获取当前选中的tabs

Easyui 实现点击不同树节点打开不同tab页展示不同datagrid表数据设计