当前位置:首页 > 开发 > Web前端 > 前端 > 正文

easyui 多个tab中包含多个iframe的问题

发表于: 2013-09-24   作者:bee1314   来源:转载   浏览次数:
摘要: 场景:        最近用tornado写了一个简单的日志查询的小project,在ui使用easyui来整体解决,之前在使用easyui时都是左侧是菜单栏,当点击菜单动态生成一个tab,但是因为project太简单了没有必要菜单栏的存在,直接两个tab切换即可,因为想简单所以在每个tab中包含一个iframe来调用不同的页面,但是测

场景:

       最近用tornado写了一个简单的日志查询的小project,在ui使用easyui来整体解决,之前在使用easyui时都是左侧是菜单栏,当点击菜单动态生成一个tab,但是因为project太简单了没有必要菜单栏的存在,直接两个tab切换即可,因为想简单所以在每个tab中包含一个iframe来调用不同的页面,但是测试发现当存在多个iframe的时候,tab中页面显示会凌乱,width:0px。

 

解决办法,动态创建iframe,当切换到第二个或者后面的tab时,动态创建iframe。

$(function() {
        var tab = $("#content").tabs({
            onSelect: function(title, index) {
                if (index == 1) {
                    if (window.frames.length == 2) {
                        return false;
                    }
                    var tab = $("#content").tabs("getSelected");
                    $("#content").tabs("update", {
                        tab: tab,
                        options: {
                            content: '<iframe id="userlog" src="/userlog" frameborder="0" style="width:100%;height:99%" scrolling="no"></iframe>'
                        }
                    });
                }
            }
        });
    });

 

easyui 多个tab中包含多个iframe的问题

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
今天认真测试了下easyui的一些兼容性问题,发现在ie9 ie10 首次加载的时候,会出现如下bug。如图所
遇到的问题: 如果需要向Controller定义的方法提交List参数时,会报异常,将方法中的参数定义为List
最近在进行osgi的开发中总是出现一些怪问题,比如在Eclipse中能够正常运行的osgi环境中的bundle,当
原地址:http://blog.csdn.net/superdog007/article/details/8225518 jQuery Easyui 的tabs插件有两
一、问题描述:最近搞个BS系统,需求前台开发,用的是easyui1.4.2,在做tab的刷新时,按照官网的例
GeoServer在生成多边形切片时会产生重复标签 这个问题可以使用过滤器的质心功能,中心位置。 Name Ar
最近在做一个程序,刚开始没考虑全,就用TabHost做了,后来才发现程序中,需要在一个TabHost内实现
今天用order by排序 后面跟了多个字段,如sql语句: SELECT a.id,a.loginname,a.address,u.id,u.`na
$("#w").window({ top:($(window).height() - 420) * 0.5, left:($(window).width() - 480) * 0.5,
如何oracle sql developer 支持多个窗体,多个tab,同时查看多个数据表, 在 工具>首选项>数据
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号