easyui 新建 更新 选项卡

  1. define(function(require, exports, module) {  
  2.     if (!window.cms)  
  3.         window.cms = {};  
  4.     cms = {  
  5.         //添加新Tab页  
  6.         addTab : function(data) {  
  7.             var content = '<iframe scrolling="auto" frameborder="0"  src="' + data.url + '" style="width:100%;height:100%;"></iframe>';  
  8.             if ($('#homePageTabs').tabs('exists', data.title)) {  
  9.                 // 选 中当前Tab  
  10.                 $('#homePageTabs').tabs('select', data.title);  
  11.   
  12.                 // 重新加载已经存在的Tab内容  
  13.                 var currTab = $('#homePageTabs').tabs('getTab', data.title);  
  14.                 $('#homePageTabs').tabs('update', {tab: currTab, options: {content: content, closable: true}});  
  15.             } else {  
  16.                 $('#homePageTabs').tabs('add', {  
  17.                     title : data.title,  
  18.                     content : content,  
  19.                     closable : true  
  20.                 });  
  21.             }  
  22.         },  
  23.         //关闭指定Tab  
  24.         closeTab : function(title) {  
  25.             if ($('#homePageTabs').tabs('exists', title)) {  
  26.                 $('#homePageTabs').tabs('close', title);  
  27.             }  
  28.         },  
  29.         //刷新指定Tab的内容  
  30.         refreshTab: function(title){  
  31.             if ($('#homePageTabs').tabs('exists', title)){  
  32.                 var currTab = $('#homePageTabs').tabs('getTab', title),  
  33.                     iframe = $(currTab.panel('options').content),  
  34.                     content = '<iframe scrolling="auto" frameborder="0"  src="' + iframe.attr('src') + '" style="width:100%;height:100%;"></iframe>';  
  35.                 $('#homePageTabs').tabs('update', {tab: currTab, options: {content: content, closable: true}});  
  36.             }  
  37.         }  
  38.     }  
  39.   
  40. });   

猜你喜欢

转载自blog.csdn.net/qq_35232663/article/details/79951492