EasyUI 添加tab页(iframe方式)
EasyUI 方式 添加 tab iframe
2023-09-27 14:20:06 时间
function addTab(title, href,icon){ var tt = $('#tabs'); if (tt.tabs('exists', title)){//如果tab已经存在,则选中并刷新该tab tt.tabs('select', title); refreshTab({tabTitle:title,url:href}); } else { if (href){ var content = '<iframe scrolling="no" frameborder="0" src="'+href+'" style="width:100%;height:100%;"></iframe>'; } else { var content = '未实现'; } tt.tabs('add',{ title:title, closable:true, content:content, iconCls:icon||'icon-default' }); } } /** * 刷新tab * @cfg *example: {tabTitle:'tabTitle',url:'refreshUrl'} *如果tabTitle为空,则默认刷新当前选中的tab *如果url为空,则默认以原来的url进行reload */ function refreshTab(cfg){ var refresh_tab = cfg.tabTitle?$('#tabs').tabs('getTab',cfg.tabTitle):$('#tabs').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; } }
相关文章
- Abp(net core)+easyui+efcore实现仓储管理系统——出库管理之八(五十七)
- abp(net core)+easyui+efcore实现仓储管理系统——出库管理之四(五十三)
- abp(net core)+easyui+efcore实现仓储管理系统——ABP WebAPI与EasyUI结合增删改查之八(三十四)
- 如约而至,Java 10 正式发布! Spring+SpringMVC+MyBatis+easyUI整合进阶篇(十四)Redis缓存正确的使用姿势 努力的孩子运气不会太差,跌宕的人生定当更加精彩 优先队列详解(转载)
- easyui datagrid 禁止选中行 EF的增删改查(转载) C# 获取用户IP地址(转载) MVC EF 执行SQL语句(转载) 在EF中执行SQL语句(转载) EF中使用SQL语句或存储过程 .net MVC使用Session验证用户登录 PowerDesigner 参照完整性约束(转载)
- 01EasyUI - EasyUI简介
- easyui-datagrid 报错:TypeError: col is null
- EasyUi开发
- 《jQuery EasyUI开发指南》——1.6 新建Web Project
- 《jQuery EasyUI开发指南》——导读
- jquery easyui combotree获取值, combotree获取多个值
- Jquery EasyUI Combotree只能选择叶子节点且叶子节点有多选框
- easyUI的控件
- EasyUI简单CRUD
- jQuery Easyui扩展CheckBox组件
- 在EasyUI的DataGrid中嵌入Combobox
- easyUI的combotree的树的懒加载。