easyui tab页

function addTab(title, href,icon){    
       var tt = $('#tt');    
       var maxLength = 10;
       var tabCount = tt.tabs('tabs').length+1;
       var hasTab = tt.tabs('exists', title);//如果tab已经存在
       if (hasTab){//则选中并刷新该tab            
           tt.tabs('select', title);    
           refreshTab({tabTitle:title,url:href});    
       } else if(tabCount <= maxLength){    
           var content="";  
           if (href){    
               content = '<iframe scrolling="no" frameborder="0"  src="'+href+'" style="width:100%;height:100%;"></iframe>';    
           } else {    
               content = '未实现';    
           }    
           tt.tabs('add',{    
                title:title,    
                closable:true,   
                select:true, 
                border:false,
                content:content  
           });    
        }  else{//不能超过十个
            alert('友情提示:您当前打开了太多的页面,如果继续打开,会造成程序运行缓慢,无法流畅操作!')
        }      
    }    
function refreshTab(cfg){    
        var refresh_tab = cfg.tabTitle?$('#mytabs').tabs('getTab',cfg.tabTitle):$('#mytabs').tabs('getSelected');    
        if(refresh_tab && refresh_tab.find('iframe').length > 0){    
        var _refresh_ifram = refresh_tab.find('iframe')[0];    
        var refresh_url = cfg.url?cfg.url:_refresh_ifram.src;    
        //_refresh_ifram.src = refresh_url;    
        _refresh_ifram.contentWindow.location.href=refresh_url;    
        }    
    } 

     window.onload=function()  
        {  
            var pages=[{pageName:"task",title:"任务下发",icon:"icon-task"},{pageName:"track",title:"任务跟踪",icon:"icon-track"},{pageName:"report",title:"数据分析",icon:"icon-report"}];  
            for (var i = 0; i < pages.length; i++) {  
                var href= PROJECT_URL + "/drilling/"+pages[i].pageName;  
                addTab(pages[i].title,href,pages[i].icon);  
            }  
        };  

限制长度 :打开太多会造成程序运行缓慢

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值