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 用visual studi code完成html页面
  • ¥15 聚类分析或者python进行数据分析
  • ¥15 逻辑谓词和消解原理的运用
  • ¥15 三菱伺服电机按启动按钮有使能但不动作
  • ¥15 js，页面2返回页面1时定位进入的设备
  • ¥50 导入文件到网吧的电脑并且在重启之后不会被恢复
  • ¥15 （希望可以解决问题）ma和mb文件无法正常打开，打开后是空白，但是有正常内存占用，但可以在打开Maya应用程序后打开场景ma和mb格式。
  • ¥20 ML307A在使用AT命令连接EMQX平台的MQTT时被拒绝
  • ¥20 腾讯企业邮箱邮件可以恢复么
  • ¥15 有人知道怎么将自己的迁移策略布到edgecloudsim上使用吗？