关闭

取到easyui的tab下iframe方法

571人阅读 评论(0) 收藏 举报
分类:

我们在使用easyui的tab时,有时候需要每次点击tab头,动态刷新该tab下的iframe的内容

tab的html如下:

 

Html代码  收藏代码
  1. <div id="tab-user-right" >   
  2.         <div title="直接分配的操作权限" id="user-right-act">             
  3.             <iframe scrolling="yes" frameborder="0" height="500" width="100%"  frameborder="0" ></iframe>  
  4.         </div>  
  5.         <div title="拥有的角色" id="user-role">              
  6.             <iframe scrolling="yes" frameborder="0" height="500" width="100%"  frameborder="0" ></iframe>  
  7.         </div>  
  8.         <div title="继承自角色的权限" id="user-right-role">             
  9.             <iframe scrolling="yes" frameborder="0" height="500" width="100%"  frameborder="0" ></iframe>  
  10.         </div>  
  11.         <div title="全部操作权限" id="user-right-all">            
  12.             <iframe scrolling="yes" frameborder="0" height="500" width="100%"  frameborder="0" ></iframe>  
  13.         </div>  
  14.         <div title="数据权限-机构" id="user-right-org">           
  15.             <iframe scrolling="yes" frameborder="0" height="500" width="100%"  frameborder="0" ></iframe>  
  16.         </div>  
  17.         <div title="数据权限-部门" id="user-right-dept">              
  18.             <iframe scrolling="yes" frameborder="0" height="500" width="100%"  frameborder="0" ></iframe>  
  19.         </div>  
  20.     </div>  

 动态刷新的js如下:

Js代码  收藏代码
  1. //标记是否从新刷新  
  2.         var reload="T";  
  3.         $(function(){  
  4.             $('#tab-user-right').tabs({   
  5.                 onSelect: function(){  
  6.                     openTab();                                        
  7.                 }  
  8.             });  
  9.         });  
  10.           
  11.         function openTab(){           
  12.             var tab = $('#tab-user-right').tabs('getSelected');  
  13.             var tbId = tab.attr("id");  
  14.             //获取tab的iframe对象  
  15.             var tbIframe = $("#"+tbId+" iframe:first-child");  
  16.             if(reload=="T"){                  
  17.                 tbIframe.attr("src",tbId+'.action?userId='+userId);  
  18.             }else{        
  19.                 if( tbIframe.attr("src")==""){  
  20.                   tbIframe.attr("src",tbId+'.action?userId='+userId);  
  21.                 }  
  22.             }  
  23.         }  

 注意一下代码:

Js代码  收藏代码
  1. var tab = $('#tab-user-right').tabs('getSelected');  
  2.             var tbId = tab.attr("id");  
  3.             //获取tab的iframe对象  
  4.             var tbIframe = $("#"+tbId+" iframe:first-child");  

 可以获得iframe

0
0

猜你在找
【直播】机器学习&数据挖掘7周实训--韦玮
【套餐】系统集成项目管理工程师顺利通关--徐朋
【直播】3小时掌握Docker最佳实战-徐西宁
【套餐】机器学习系列套餐(算法+实战)--唐宇迪
【直播】计算机视觉原理及实战--屈教授
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之矩阵--黄博士
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之凸优化--马博士
【套餐】Javascript 设计模式实战--曾亮
查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:101973次
    • 积分:1877
    • 等级:
    • 排名:千里之外
    • 原创:54篇
    • 转载:234篇
    • 译文:1篇
    • 评论:2条
    文章分类
    最新评论