博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
easyui-layout个人实例
阅读量:7025 次
发布时间:2019-06-28

本文共 2073 字,大约阅读时间需要 6 分钟。

<%@ 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="width: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="width: 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="width: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="width: 500px; height: 250px;">
</div>
</div>
</div>
</body>
</html>

转载地址:http://zioxl.baihongyu.com/

你可能感兴趣的文章
Azure Stack技术深入浅出系列6:Azure Stack一体机探究 — 揭开黑盒子的神秘面纱
查看>>
HTTP严格传输安全协议 (HSTS)
查看>>
实战虚拟化存储设计之一
查看>>
网络设计之二vLAN
查看>>
Exchange2013证书配置(超详细)
查看>>
【vSphere故障案例】案例七:数据中心虚拟化网络故障
查看>>
我的友情链接
查看>>
“你是怎么利用时间的?”之二
查看>>
我的友情链接
查看>>
CSS 层叠式样式表
查看>>
mysql5.6 开启慢连接日志
查看>>
MySQL用户管理
查看>>
苹果电脑清理软件不等双十一提前搞事情
查看>>
Linux grep 和正则表达式 (笔记)
查看>>
数据库
查看>>
Apache Kylin 深入Cube和查询优化
查看>>
backbone.js 框架 II
查看>>
freemarker总结
查看>>
eclipse中安装velocity插件
查看>>
Sql 中常用日期转换Convert(Datetime)
查看>>