welch2008 2016-02-26 02:54 采纳率: 0%
浏览 2725

EasyUI 添加Tab没有效果，急急急

 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css"
    href="jquery-easyui-1.4.4/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
    href="jquery-easyui-1.4.4/themes/icon.css">
<script type="text/javascript" src="jquery-easyui-1.4.4/jquery.min.js"></script>
<script type="text/javascript"
    src="jquery-easyui-1.4.4/jquery.easyui.min.js"></script>
<script type="text/javascript"
    src="jquery-easyui-1.4.4/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="js/login.js"></script>
<script type="text/javascript">
    $(function() {
        var treeData = [ {
            text : '系统管理',
            iconCls : 'icon-save',
            collapse : false,
            state : 'closed',
            children : [ {
                text : "用户管理",
                iconCls : "icon-add",
                attributes : {
                    url : "user.jsp"
                }
            }, {
                text : "部门管理",
                iconCls : "icon-add",
                attributes : {
                    url : "dept.jsp"
                }
            }, {
                text : "角色管理",
                iconCls : "icon-add",
                attributes : {
                    url : "roles.jsp"
                }
            }, {
                text : "权限管理",
                iconCls : "icon-add",
                attributes : {
                    url : "limit.jsp"
                }
            } ]
        }, {
            text : 'Item2'
        } ];

        $('#tree').tree({
            data : treeData,
            onClick : function(node) {
                if (node.attributes) {
                    openTab(node.text, node.attributes.url);

                }
            }
        });
        function openTab(title, url) {
            //判断是否已存在
            alert("info-select" + title + "URL:" + url);
            if ($('#tab-list').tabs('exists', title)) {             
                $('#tab-list').tabs('select', title);
            } else {
                //新增tab
                $('#tab-list').tabs('add', {
                    title : title,
                    content : createTabContent(url)
                });
                $("#tab-list").tabs('add', {
                    title : 'new tab',
                    selected : false
                });
            }
        }
        /* 生成tab内容 */
        function createTabContent(url) {
            return '<iframe style="width:100%;height:98%;" scrolling="auto" frameborder="0" src="'
                    + url + '"></iframe>';
        }
    });
</script>
</head>

<body id="cc" class="easyui-layout" style="width:100%;height:100%">

    <div id="tab-list1"
        data-options="region:'north',title:'信息提示',split:false"
        style="height:100px;"></div>
    <div id="tab-list2"
        data-options="region:'west',title:'导航菜单',split:true"
        style="width:200px;">
        <ul id="tree"></ul>
    </div>
    <div id="tab-list" data-options="region:'center',title:'首页'"
        style="padding:5px;background:#eee;"></div>

</body>
</html>
  • 写回答

4条回答 默认 最新

  • sinat_31535993 2016-02-26 03:12
    关注

    链接拼错了，src=' + url + '

    评论

报告相同问题？

悬赏问题

  • ¥15 在grasshopper里DrawViewportWires更改预览后，禁用电池仍然显示
  • ¥15 NAO机器人的录音程序保存问题
  • ¥15 C#读写EXCEL文件，不同编译
  • ¥15 MapReduce结果输出到HBase，一直连接不上MySQL
  • ¥15 扩散模型sd.webui使用时报错“Nonetype”
  • ¥15 stm32流水灯＋呼吸灯＋外部中断按键
  • ¥15 将二维数组，按照假设的规定，如0/1/0 == "4"，把对应列位置写成一个字符并打印输出该字符
  • ¥15 NX MCD仿真与博途通讯不了啥情况
  • ¥15 win11家庭中文版安装docker遇到Hyper-V启用失败解决办法整理
  • ¥15 gradio的web端页面格式不对的问题