extjs tabpanel 添加、刷新iframe
2018-03-01 10:58
375 查看
网上查到iframe 的刷新用 location.reload(),不过在我的extjs环境中location未定义
添加tab方法:
刷新方法:
将src重置一下即可刷新,tab是tabpage.getActiveTab()得到的当前活动页面
添加tab方法:
var addtab = function (id, title, iconCls, url, closable) { if (!Ext.getCmp(id)) { var close = true; if (closable != null) { close = closable; } var content = '<iframe scrolling="auto" frameborder="0" id="iframe_' + id + '" src="' + url + '" style="width:100%;height:100%;"></iframe>'; var page = tabpage.add({ id: id, title: title, iconCls: iconCls, closable: close, autoScroll: true, html: content, // loader: { // url: url, // loadMask: true, // autoLoad: true, // scripts: true, // listeners: { // exception: function (lo, response, options, e) { // page.setHtml(response.responseText); // } // } // } }); } tabpage.setActiveTab(id); }
刷新方法:
function refreshTab(tab) { var html = tab.config.html; var iframe = frames['iframe_' + tab.config.id]; var src = iframe.src; iframe.src = ''; iframe.src = src; }
将src重置一下即可刷新,tab是tabpage.getActiveTab()得到的当前活动页面
相关文章推荐
- 使用IFRAME实现无刷新添加购物车...
- 关于extjs中动态添加TabPanel的tab项并以iframe显示的整理
- extjs tabpanel 添加header不能重复加载tabpanel 的问题
- sencha panel的头header上添加刷新按钮
- sencha panel的头header上添加刷新按钮
- Ext.TabPanel 中添加iframe
- 新写的一个使用ASP.NET AJAX中的UpdatePanel控件实现GridView的无刷新删除,更新,添加,查询!
- panel中添加iframe
- Extjs TabPanel 移除GridPanel后再添加导致GridPanel显示不正常
- 关于extjs中动态添加TabPanel的tab项并以iframe显示的整理(转)
- 关于extjs中动态添加TabPanel的tab项并以iframe显示的整理
- (转)给ActionBar中的按钮添加旋转动画(刷新动画)
- Iframe 不刷新的问题. 当涉及到与数据库交互时. 用Button不能更新IFrame 好像有缓存在浏览器中, 用<a> 就没问题了
- 提交form表单后关闭Iframe弹窗并刷新父级页面
- C#在Panel中添加新的窗体(Form)
- iframe标签,子窗口页面更换刷新。
- 解决 easyui iframe 不可见下刷新卡死 的情况
- (转)使用隐藏的iframe 隐藏form提交,仿AJax无刷新提交,可以实现无刷新上传文件
- c# panel 添加鼠标滚轮事件
- iframe 刷新 实现iframe之间刷新