zoukankan      html  css  js  c++  java
  • easyui-layout个人实例

    <%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%
    String path = request.getContextPath();
    %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <link rel="stylesheet" type="text/css"
    href="<%=path%>/easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css"
    href="<%=path%>/easyui/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="<%=path%>/easyui/demo.css">
    <script type="text/javascript"
    src="<%=path%>/easyui/jquery-1.7.2.min.js"></script>
    <script type="text/javascript"
    src="<%=path%>/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript">
    $(function(){
    $('a[title]').click(function(){
    var src = $(this).attr("title");
    var title = $(this).html();
    if($("#tt").tabs('exists',title)){
    $("#tt").tabs('select',title);
    }else{
    $("#tt").tabs('add',{
    title:title,
    content:'<iframe frameborder=0 style="100% ;height:100%" src='+src+'><iframe/>',
    closable:true
    });
    }

    });
    });
    </script>
    <style type="text/css">
    .easyui-accordion a {
    font-family: "微软雅黑", "宋体", Arial, sans-serif;
    display: block;
    height: 10px;
    text-decoration: underline;
    }
    </style>
    </head>
    <body>

    <div id="cc" class="easyui-layout" fit=true style=" 100%; height: 100%;">
    <div region="north" title="easyui-layout" split="false" style="height:100px"></div>
    <div region="west" iconCls="icon-ok" split="true" title="菜单" style="200px" >
    <div id="aa" class="easyui-accordion" fit=true>
    <div title="用户管理" iconCls="icon-save" style="overflow:auto;padding:10px;">
    <a title="user.jsp">用户列表</a><br>
    <a title="index2.jsp">用户功能</a>
    </div>
    <div title="岗位管理" iconCls="icon-reload" style="overflow:auto;padding:10px;">
    </div>
    <div title="权限管理">
    </div>
    <div title="资源管理">
    </div>
    </div>
    </div>
    <div region="center" title="主界面" style="padding:5px;">
    <div id="tt" class="easyui-tabs" fit=true style=" 500px; height: 250px;">
    </div>
    </div>
    </div>
    </body>
    </html>

  • 相关阅读:
    WebService优点和缺点小结
    MongoDB监控之一:运行状态、性能监控,分析
    MongoDB分析工具之三:db.currentOp()
    Linux NFS服务器的安装与配置
    第三方支付 转
    视频监控/存储系统设计要点
    ViewPager禁止滑动以及它与内层滑动控件水平方向上事件冲突的解决方法
    (五)unity4.6Ugui中文教程文档-------概要-UGUI Interaction Components
    ListView列表拖拽排序
    shell脚本编写汇集
  • 原文地址:https://www.cnblogs.com/cxxjohnson/p/4888867.html
Copyright © 2011-2022 走看看