文档章节

取到easyui的tab下iframe方法

文文1
 文文1
发布于 2015/03/26 13:58
字数 301
阅读 586
收藏 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
粉丝 24
博文 406
码字总数 130855
作品 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

没有更多内容

加载失败,请刷新页面

加载更多

5分钟了解阿里时序时空数据库

简介 时序时空数据库(Time Series & Spatial Temporal Database,简称 TSDB)是一种高性能、低成本、稳定可靠的在线时序时空数据库服务,提供高效读写、高压缩比存储、时序数据插值及聚合计...

阿里云云栖社区
3分钟前
0
0
分享一个vue项目“脚手架”项目的实现步骤

搭建缘由 源于公司每次新启动一个由多人协同开发的项目都由负责人初始化项目之后,每个人再去从私服pull一下项目才开始开发。但是每次初始化工程都是一步步的造轮子,一个个依赖去安装,新建...

开元中国2015
17分钟前
0
0
Odoo 自定义Widgets 基础教程(章节2)

大家好, 本文将进一步解释odoo widget 的相关原理,其中首先会讲述:1. 什么是widgets 中的继承;2. 为什么有很多 init : function 语法;3. widgets 系统结构; 首先,让我们来看看结构:(...

openerp
32分钟前
1
0
我的Linux常用软件

我的Linux常用软件 本帖记录我在Linux下常用的软件,系统是Deepin Linux, 以备查询用, 不定期更新。 Sougou Pinyin 这个不用多说, 装系统第一个要找输入法。 TeamViewer Linux有时候需要远...

Frank1126lin
39分钟前
3
0
TypeScript + eslint 格式化代码及其它

缘起 之前使用 tslint 校验代码格式,后来发现 ts 官方已经放弃这个转而使用 eslint,研究了一下把相应配置调整了一下。 目标: 使用 eslint、prettier 格式化 TypeScript 代码 使用 husky、...

郁也风
39分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部