文档章节

取到easyui的tab下iframe方法

文文1
 文文1
发布于 2015/03/26 13:58
字数 301
阅读 578
收藏 2

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

tab的html如下:

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);  
                }  
            }  
        }

注意一下代码:

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"); 




© 著作权归作者所有

共有 人打赏支持
文文1
粉丝 23
博文 380
码字总数 119919
作品 0
长沙
程序员
私信 提问
jquery easyui tab加载内容的几种方法

两者特点: href方式加载数据的特点: 被加载的页面只有body元素内部的内容才会被加载,也就是jQuery的ajax请求的只是html片段。 加载远程url时有遮罩效果,也就是“等待中……”效果,用户体...

文文1
2015/03/26
0
0
easyui中在tab中弹出窗口后,如何更新tab中datagrid组件

最近通过easyui做系统,但是发现有个问题,问题描述如下:先上个图 布局是通过easyui的布局,角色管理tab里面的内容是通过iframe创建的,添加角色弹出窗口里面也是通过iframe创建的,脚本如下...

jetliu1987
2012/10/17
5.9K
8
父页面调用iframe子页面easyui对象方法问题

我的需求是一个父页面里面有一个Iframe,iframe子页面有一个easyui-tabs。当父页面加载完成后,关闭子页面的一个tab页。我的代码如下: 父页面代码 子页面 就是一个tabs 在父页面中是可以取得...

uuliver
2014/05/11
5.1K
3
ios的Safari浏览器滚动条问题?

程序在ios的浏览器上访问,有一个页面是用iframe嵌套的,在iframe页面里是一个查询界面和显示结果的table,页面的布局是用 easyui做的,table是嵌在一个tab下的,在电脑端iframe里的页面超出...

malie0
2014/10/24
4.3K
1
jQuery-EasyUI 1.2.3 发布

Current Version: 1.2.3 ChangeLog: Bug window: Cannot resize the window with iframe content. fixed. tree: The node will be removed when dragging to its child. fixed. combogrid: T......

ejzhang
2011/04/26
6.1K
3

没有更多内容

加载失败,请刷新页面

加载更多

day27:expect批量杀进程|

1、linux下当前目录有一个文件ip-pwd.ini,内容如下: [root@localhost_002 shell100]# cat ip-pwd.ini 10.111.11.1,root,xyxyxy10.111.11.2,root,xzxzxz10.111.11.3,root,12345610.......

芬野de博客
今天
2
0
分布式之数据库和缓存双写一致性方案解析(二)

引言 该文是对《分布式之数据库和缓存双写一致性方案解析》,一文的补充。博主在该文中,提到了这么一句话 应该没人问我,为什么没有先更新缓存,再更新数据库这种策略。 博主当时觉得,这种...

hensemlee
今天
3
0
druid安装与案例

druid 可以运行在单机环境下,也可以运行在集群环境下。简单起见,我们先从单机环境着手学习。 环境要求 java7 或者更高版本 linux, macOS或者其他unix系统(不支持windows系统) 8G内存 2核C...

hblt-j
今天
0
0
bejson上线 gif转帧工具。

说道这个工具,不得不提一句经典格言“色Q是推动科技发展的动力” 有人发了这个图,我和所有人一样想看到那个瞬间。 当然,我没有PS,有没有太好的转帧工具,但是这并不妨碍我是一个技术死肥...

废柴大叔
今天
1
0
详解利用clear清除浮动的一些问题解决

下面这段代码是用来清除浮动带来的高度塌陷问题 .clearfix:before { content: "."; display: block; height: 0; clear: both; visibility: hidden;} Quest......

前端小攻略
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部