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>

  • 相关阅读:
    Flask 静态文件缓存问题
    Flask中current_app和g对象
    Flask-Login详解
    Flask-分开Models解决循环引用
    python包中__init__.py文件的作用
    Flask中路由参数
    Flask之加载静态资源
    Flask request 属性详解
    Django REST framework+Vue 打造生鲜超市(一)
    8.Vue基础
  • 原文地址:https://www.cnblogs.com/cxxjohnson/p/4888867.html
Copyright © 2011-2022 走看看