easyUI中tabs使用iframe的方式加载选项卡
2015-01-14 16:02
441 查看
使用了easyUi,发现panel组件的href比较坑人,不像extJs的html属性那样。今天遇到了tabs添加页签时需要使用iframe展示的问题,总结如下:
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; } }
相关文章推荐
- 使用Bootstrap Tabs选项卡Ajax加载数据的实现以及遇到的问题;
- easyui框架jsp父页面使用iframe标签嵌套子页面传值并加载data-grid数据问题
- easyUI layout 中使用tabs+iframe解决请求两次方法
- EasyUI Tabs + Yii2.0实现iframe方式打开页面(解决共用静态文件引入加载的问题)
- easyui使用tabs,在iframe中调用window,窗体不能置顶的解决办法
- 解决easyui-tabs中使用iframe时出现两个垂直滚动条
- 关于easyui在使用tab组件创建选项卡时href方式载入页面遇到的问题
- 使用Bootstrap Tabs选项卡Ajax加载数据实现
- 关于easyui在使用tab组件创建选项卡时href方式载入页面遇到的问题
- [转]easyui使用tabs,在iframe中调用window,窗体不能置顶的解决办法
- QTP的那些事--页面的加载的使用方式
- [JavaScript]使用jquery获取iframe加载完成事件
- 关于Iframe跨域,判断加载等的一些使用心得
- java使用文件或字节数组方式加载图片,并修改图片后进行保存、输出等
- jQuery EasyUI API 中文文档 - Tabs标签页/选项卡
- 使用easyui创建tabs组件和动态添加
- 使用jQuery和YQL,以Ajax方式加载外部内容
- 使用jQuery和YQL,以Ajax方式加载外部内容
- 使用easyUI创建Tabs标签