easyui 布局

最新推荐文章于 2022-05-10 13:02:50 发布
最新推荐文章于 2022-05-10 13:02:50 发布
阅读量1.1k 收藏
点赞数
分类专栏： js jsp 文章标签： jquery easyui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010395804/article/details/39005145
版权
jsp 同时被 2 个专栏收录
14 篇文章 0 订阅
订阅专栏
js
5 篇文章 0 订阅
订阅专栏 
<%@ 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></title>
<link rel="stylesheet" type="text/css"	href="jquery-easyui-1.4/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"	href="jquery-easyui-1.4/themes/icon.css">
<script type="text/javascript" src="jquery-easyui-1.4/jquery.min.js"></script>
<script type="text/javascript" src="jquery-easyui-1.4/jquery.easyui.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="jquery-easyui-1.4/locale/easyui-lang-zh_CN.js"></script>


</head>

<body class="easyui-layout">

	<!-- 页眉-->
	<div data-options="region:'north',border:false" style="height:68px;overflow-y:hidden;background:#B3DFDA;padding:10px;background-image: url('images/header_bg.jpg');">
		<div style="float:left;margin-left:10 px;"><img src="images/logo.png"></img></div>
		 <!-- <div style="float:right"> <p style="font-size: 14px;color: white"  align="right">欢迎  张三	
	  <a href="javascript:void(0)" οnclick="showEditPassWindow()"
	    	class="easyui-linkbutton" id="linkEditPwd" data-options="iconCls:'icon-tiuweb-editpwd',size:'large',iconAlign:'top'">修改密码</a> 
	    <a style="font-size: 14px;color: white" href="javascript:void(0);" οnclick="dologinOut();"
	    	class="easyui-linkbutton" data-options="iconCls:'icon-tiuweb-exit',size:'large',iconAlign:'top'"></a></p></div>
	    	<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-large-picture',size:'large',iconAlign:'top'"></a></div> -->
	   <div align="right" style="margin-right: 40px">
	            <div style=" float:right;width:150px;">
		            <a href="javascript:void(0)" οnclick="showEditPassWindow();"><img src="jquery-easyui-1.4/themes/icons/tiuweb/editpwd.png"></img></a>
		   			<a href="javascript:void(0);" οnclick="dologinOut();"><img src="jquery-easyui-1.4/themes/icons/tiuweb/exit.png"></img></a>
		   		</div>
	   			<DIV style="float:right;margin-right:5px;margin-top:18px;font-size: 18px;color: white;width:120px;display:inline-block;"  align="right">欢迎您,${sessionScope.loginUser.loginName  }</div>
	   			
	   	</div>
	
	</div>
	<!-- 左侧菜单-->
	<div  data-options="region:'west',split:true,title:'系统资源'" style="width:220px;">
		<div id="aa" class="easyui-accordion">
		</div>
	</div>

	
	<!-- 页脚 -->
	<div data-options="region:'south',border:false" style="height:40px;background:#A9FACD;padding:10px;background-image: url('images/header_bg.jpg');">
		<p align="center" style="font-family:宋体;font-size:12px;color:white;font-weight: 800;"><img style="height: 28px; border-bottom-width: 10px; margin-bottom: 0px; margin-top: -10px;" src="http://192.168.25.11:8080/bi/media/login/skylogo.png">版权所有&copy; Company     2010-2015</p>
	</div>
	
	<!-- 内容页 -->
	<div  data-options="region:'center',title:''" ">
		<div id="tt" class="easyui-tabs" fit="true">
			<div title="首页" style="padding:10px">
				<p style="font-size:18px">欢迎/p>
				<ul>
					
				</ul>
			</div>

		</div>
	</div>
 	<!-- 修改密码 -->
		<div id="passWindow" class="easyui-window" data-options="title:'修改密码',inline:true,closed:true">
		This window stay inside its parent
		</div>
</body>
<script type="text/javascript" src="js/others/editPass.js"></script> 
</html>

NM_IT
关注
专栏目录
EasyUI【入门】
m0_64522859的博客
05-06 632
目录 1.jQuery EasyUI框架概述 1.1 什么是jQuery EasyUI? 1.2 jQuery Easy的作用 1.3 EasyUI的目录说明 1.3.1 下载路径 1.3.2 必须的基础支持库 1.3.3 目录说明 2.WEB项目搭建EasyUI环境 搭建环境的步骤如下： 3.EasyUI入门示例 3.1 标准开发步骤 3.2 代码模板 3.3 EasyUI的三大基础概念 3.3.1 属性设置 3.3.2 事件触发设置 3.3.3 方法调用设置 4
easyui 基本布局
weixin_65089602的博客
05-05 208
思维导图 入门 环境安装:下载 解压 5个(2个CSS[easyui.css icon.css] 3个JS[jQuery.js easyui.js CN.js]) 公共页面 head.jsp ctx取绝对路径 防止404 控件的使用：layout 几种方式去学控件：1.Demo 2.API离线文档 属性 方法 事件 http://www.jeasyui.net/（中文网） http://www.jeasyui.com/（英文版） EasyUI官方下载地址：http://www.je..
EasyUI-布局
李守宏
04-30 3692
代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> LayOut Border布局
EasyUI -- Layout（布局）
师旭阳_码农日记
07-09 5770
第一章  介绍                    EasyUI -- Layout（布局）将布局容器分成了5个区域，分别是：east（东）、west（西）、south（南）、north（北）和center（中）。center（中）区域是必须的，其他边缘区域都是可选的。每个边缘区域都可以通过拖拽的方式改变大小，也可以点击折叠按钮将面板折叠起来。EasyUI 的布局是很灵活的，可以根据用户的需求
jQuery-easyUI布局
shenyong_upc的专栏
02-28 954
 效果图如下： 使用Jquery EasyUi开发之前首先要引用Jquery EasyUi的Js和Css文件，引用如下： 1 2 3 4 5 6 7 "../jquery.min.js" type="text/javascript">   "../jquery.easyui.min.js" type="text/javascript"
EasyUI-流式布局
dxm809的博客
03-23 508
@{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>Index</title> <script src="~/Scri...
easyui.基本布局
weixin_64938628的博客
05-10 548
前言：今天我们来讲一下easyui，但现在easyui不常用（但还是有人用的），所有了解一下就可以了。 目录 什么是easyui？ 使用easyui写布局 第一步 第二步 源代码 index.jsp(主页面) sidebarTree.json 运行效果 什么是easyui？ jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQueryEasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的jav...
EasyUi布局示例，适合初学，简单易懂
10-23
这个“EasyUi布局示例”是专为初学者设计的，旨在帮助他们快速理解和掌握EasyUi的布局机制，从而能够构建出美观且功能齐全的网页应用。 在前端开发中，布局是至关重要的部分，它决定了网页元素如何在不同屏幕尺寸和...
EasyUI布局 高度自适应
11-22
最近在把以前写的一个项目改成用easyui做前端。过程中遇到了不少问题。其中一个就是datagrid不能很好的布局。想了好多办法都有局限。最后想到会不会是布局的问题，经过实践，最后问题解决。 1：比如在项目中用到了...
jQuery EasyUI 布局之动态添加tabs标签页
10-23
jQuery EasyUI 是一个基于 jQuery 的用户界面插件集合，它提供了一系列用于创建现代、交互式 JavaScript 应用程序的工具。EasyUI 的设计目标是简化网页开发，减少开发者需要编写的代码量，同时保持功能的强大性。它...
Easyui布局项目管理系统
09-29
页面用easyui技术展示，根据框架ssh实现项目管理功能，包括上传，下载增删改查分页等技术
easyui 主页布局
04-11
<div class="easyui-layout" <div data-options="region:'north'" <div data-options="region:'south',split:true" <div data-options="region:'east',split:true,title:'East',collapsible:true" <table id="tt" class="easyui-propertygrid" data-options=" url: 'propertygrid_data1.json', method: 'get', showGroup: true, fit: true, border: false "> </table> </div> <div data-options="region:'center',title:'Main Title',iconCls:'icon-ok'" </div> </div>
easyui布局汇总
04-11
<table class="easyui-datagrid" data-options="url:'datagrid_data1.json',method:'get',border:false,singleSelect:true,fit:true,fitColumns:true"> <th data-options="field:'itemid'" width="80">Item ...
easyUI布局入门
afdasfggasdf的博客
12-25 278
一.layout页面布局 一.引入需要的文件 二.进行布局          北部区域     西部区域     中心区域     东部区域     南部区域 三.样式处理          北部区域     西部区域     中心区域     东部区域     南部区域 2.accordion折叠面板
jquery easyui(布局 )
taojun_321的专栏
05-09 355
Layout 布局 Override defaults with $.fn.layout.defaults. 默认重写了 $.fn.layout.defaults。 The layout is the container that has up to five regions: north, south, east, west and center. The center regio
EasyUI(四)布局
qi325的博客
08-22 534
Easy布局
easyui(基本布局)
weixin_67677668的博客
05-03 655
一、主界面 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!-- 引入head --> <%@ include file="common/head.jsp" %> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <titl
jQuery EasyUI布局实战教程
"jQuery EasyUi实战教程之布局篇" 在本文中，我们将深入探讨jQuery EasyUI的布局功能，这是一个基于jQuery的轻量级框架，用于构建响应式和交互式的Web界面。初学者在尝试使用jQuery EasyUI时，通常会从创建布局页面...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值