读书人

取到easyui的tab上iframe方法

发布时间: 2012-11-23 00:03:29 作者: rapoo

取到easyui的tab下iframe方法

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

tab的html如下:

?

<div id="tab-user-right" > <div title="直接分配的操作权限" id="user-right-act"><iframe scrolling="yes" frameborder="0" height="500" width="100%"  frameborder="0" ></iframe></div><div title="拥有的角色" id="user-role"><iframe scrolling="yes" frameborder="0" height="500" width="100%"  frameborder="0" ></iframe></div><div title="继承自角色的权限" id="user-right-role"><iframe scrolling="yes" frameborder="0" height="500" width="100%"  frameborder="0" ></iframe></div><div title="全部操作权限" id="user-right-all"><iframe scrolling="yes" frameborder="0" height="500" width="100%"  frameborder="0" ></iframe></div><div title="数据权限-机构" id="user-right-org"><iframe scrolling="yes" frameborder="0" height="500" width="100%"  frameborder="0" ></iframe></div><div title="数据权限-部门" id="user-right-dept"><iframe scrolling="yes" frameborder="0" height="500" width="100%"  frameborder="0" ></iframe></div></div>

?动态刷新的js如下:

//标记是否从新刷新var reload="T";$(function(){$('#tab-user-right').tabs({ onSelect: function(){openTab();}});});function openTab(){var tab = $('#tab-user-right').tabs('getSelected');var tbId = tab.attr("id");//获取tab的iframe对象var tbIframe = $("#"+tbId+" iframe:first-child");if(reload=="T"){tbIframe.attr("src",tbId+'.action?userId='+userId);}else{if( tbIframe.attr("src")==""){  tbIframe.attr("src",tbId+'.action?userId='+userId);}}}

?注意一下代码:

var tab = $('#tab-user-right').tabs('getSelected');var tbId = tab.attr("id");//获取tab的iframe对象var tbIframe = $("#"+tbId+" iframe:first-child");

?可以获得iframe

?

?

?

?

?

读书人网 >Web前端

热点推荐