easyui 新建 更新 选项卡

转载 2018年04月15日 18:10:44
  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. });   

EasyUI高级应用(项目实战)

jquery入门基础,jquery赋值取值,事件处理和绑定,提交数据,datagrid控件显示数据,分页,事件处理;Tabs控件动态创建多标签;datebox日期时间控件的赋值和取值;window弹出窗口应用;tree创建树形菜单,部门列表等,panel控件的使用;progressbar进度条的应用;dialog控件的使用;
  • 2016年07月05日 15:19

EasyUI框架的选项卡防止重复打开

xxxx xxxx ...
  • MoRan_Lei
  • MoRan_Lei
  • 2017-06-03 08:16:11
  • 753

easyui tabs切换 已打开时更新数据

在使用easyui控件开发管理系统界面时,比较常见的模式是左边菜单导航,右边采用tabs结合iframe切换不同页面每次点击左边导航菜单时,右边加载对应的页面,关于tab页面切换,参照官方demo,代...
  • zhlantian
  • zhlantian
  • 2016-10-24 15:36:17
  • 5150

点击选项卡刷新面板或者刷新操作树

弹出选项卡要引入easyui插件(百度即可)。 第一步:把jqeasyui文件夹引入到Web-Root下的自定义的js文件夹中 第二步:在jsp页面配置easyui的路径还有jquery的...
  • jeo_chow
  • jeo_chow
  • 2016-08-26 20:02:55
  • 1250

easyUI中tabs使用iframe的方式加载选项卡

使用了easyUi,发现panel组件的href比较坑人,不像extJs的html属性那样。今天遇到了tabs添加页签时需要使用iframe展示的问题,总结如下: function addTab(t...
  • liuxiao723846
  • liuxiao723846
  • 2015-01-14 16:02:49
  • 2067

easyui学习之选项卡面板

easyUI学习之选项卡          有时候,我们在后台系统使用easyUI的tree功能的时候,需要在点击一个节点,在页面右侧显示一个页面,通常这个页面就是使用选项卡面板功能实现的,现在我们来...
  • baidu_37464759
  • baidu_37464759
  • 2017-02-08 22:03:49
  • 961

轻松控制EasyUI-Tab选项卡

【项目概要】     项目中前台页面用的是EasyUI样式,用户登录后,左侧是导航栏,点击导航栏下的内容,在页面右侧显示的是具体内容。界面如下图所示:          【需求说明】     目...
  • u013034223
  • u013034223
  • 2015-11-30 23:45:28
  • 7281

easyui 动态选项卡

导航1 导航2 百度 163...
  • chunxiaqiudong5
  • chunxiaqiudong5
  • 2015-07-23 11:22:14
  • 626

easyui动态添加选项卡

function addTab(title, url){    if ($('#tt').tabs('exists', title)){        $('#tt').tabs('select'...
  • u013276166
  • u013276166
  • 2014-10-12 09:21:53
  • 2316

easyui刷新当前选项卡tabs

//刷新当前tab     var currTab =  self.parent.$('#tabs').tabs('getSelected'); //获得当前tab     var url = $(c...
  • maylead
  • maylead
  • 2017-09-12 15:16:10
  • 142
收藏助手
不良信息举报
您举报文章:easyui 新建 更新 选项卡
举报原因:
原因补充:

(最多只允许输入30个字)