layout
来源:互联网 发布:如何发布php网站 编辑:程序博客网 时间:2024/05/06 02:50
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP '007_layout.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" type="text/css" href="css/common.css" />
<script type="text/javascript" src="js/jquery-easyui-1.2.6/jquery-1.7.2.min.js"></script>
<link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.2.6/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.2.6/themes/icon.css" />
<script type="text/javascript" src="js/jquery-easyui-1.2.6/jquery.easyui.min.js"></script>
<script type="text/javascript" src="js/jquery-easyui-1.2.6/locale/easyui-lang-zh_CN.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>
</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="south" title="South Title" split="true" style="height:100px;"></div>
<div region="east" collapsed=true iconCls="icon-reload" title="East" split="true" style="width:100px;"></div>
-->
<div region="west" iconCls="icon-ok" split="true" title="菜单" style="width:200px;">
<div id="aa" class="easyui-accordion" fit=true >
<div title="用户管理" style="overflow:auto;padding:10px;">
<a title="jsp/001_message.jsp" >用户列表</a> <br/>
<a title="jsp/002_window.jsp" >用户功能</a>
</div>
<div title="岗位管理" selected="true" style="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>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP '007_layout.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" type="text/css" href="css/common.css" />
<script type="text/javascript" src="js/jquery-easyui-1.2.6/jquery-1.7.2.min.js"></script>
<link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.2.6/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.2.6/themes/icon.css" />
<script type="text/javascript" src="js/jquery-easyui-1.2.6/jquery.easyui.min.js"></script>
<script type="text/javascript" src="js/jquery-easyui-1.2.6/locale/easyui-lang-zh_CN.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>
</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="south" title="South Title" split="true" style="height:100px;"></div>
<div region="east" collapsed=true iconCls="icon-reload" title="East" split="true" style="width:100px;"></div>
-->
<div region="west" iconCls="icon-ok" split="true" title="菜单" style="width:200px;">
<div id="aa" class="easyui-accordion" fit=true >
<div title="用户管理" style="overflow:auto;padding:10px;">
<a title="jsp/001_message.jsp" >用户列表</a> <br/>
<a title="jsp/002_window.jsp" >用户功能</a>
</div>
<div title="岗位管理" selected="true" style="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>
0 0
- Layout
- Layout
- layout
- layout
- layout
- layout
- Layout
- layout
- layout
- layout
- layout
- Layout
- layout
- layout
- layout
- layout
- Layout
- layout
- Android实战简易教程-第二枪(Spinner下拉级联效果)
- [Android] Android开发优化之——使用软引用和弱引用
- 百度地图最新版本sdk使用系列(八)-获取当前地图中心点的经纬度并计算与当前位置的距离
- [MFC]画线
- Haskell小白初探——Haskell 安装(ubuntu12.04)
- layout
- Python入门教程--类和对象(二)
- 数据结构面试题总结6——数组:求两个数组中满足给定和的两个元素
- 常用的排序算法
- 线程协作
- iOS多线程编程
- 5.文件权限设置
- android关于清除listView(removeAllView)的所有子view的方法
- Android Shape