EasyUi_学习之路_05
来源:互联网 发布:图片加文字软件 编辑:程序博客网 时间:2024/05/17 08:25
今天学习layout
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!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-81">
<link href="easyui/themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="easyui/themes/icon.css" rel="stylesheet" type="text/css" />
<script src="easyui/jquery-1.8.0.min.js" type="text/javascript"></script>
<script src="easyui/jquery.easyui.min.js" type="text/javascript"></script>
<script src="easyui/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
<title>布局框架</title>
<script type="text/javascript">
function getPanel() {
var southPanel = $("#layoutbody").layout('panel', 'south');
//获得panel的属性
var attributes = southPanel.panel('options');
console.info(attributes); //可以看到其中的各个属性,浏览器调试,这里说明下:使用这种框架和使用js自己书写前台代码,浏览器调试是必不可少的:火狐或者谷歌
}
</script>
</head>
<body id="layoutbody" class="easyui-layout">
<div data-options="region:'north',title:'North Title',split:true" style="height: 100px;"></div>
<div data-options="region:'south',title:'South Title',split:true" style="height: 100px;"></div>
<div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true" style="width: 100px;"></div>
<div data-options="region:'west',title:'West',split:true" style="width: 100px;">
<input type="button" value="获取panel" onclick="getPanel();" />
</div>
<div data-options="region:'center',title:'center title'" href="first.jsp" style="padding: 5px;background: #eee;">
<!--如果这里指定了href属性,那么我们自己在这个部分写的代码将不会被现实-->
<input type="button" value="获取panel" onclick="getPanel();" />
</div>
</body>
</html>
Layout 选项
Region Panel Options
The region panel options is defined in panel component, below is some common and added properties:
Methods
- EasyUi_学习之路_05
- EasyUi_学习之路_01
- EasyUi_学习之路_02
- EasyUi_学习之路_03
- EasyUi_学习之路_04
- EasyUi_学习之路_06
- OpenGL_Qt学习笔记之_05(纹理映射)
- Java学习之旅_基础篇_05
- Java学习笔记_05
- Halcon学习笔记_05:一维码、二维码
- javaWeb学习_05:js的元素操作
- 前端学习_05.浮动与定位
- 小型游戏《笑傲江湖之精忠报国》全过程_05
- Dotnet B/S 架构学习笔记_05(2008-12-09)
- JAVA语言学习_05(关于continue和break)
- 黑马程序员_java的网络学习一_05
- C#之入门总结_类,对象_05
- 01-EasyUI_引言
- oracle 解除死锁
- OCP-1Z0-051-V9.02-79题
- Java getPath() getAbsolutePath() getCanonicalPath()区别
- [整理II]精选微软等公司数据结构+算法面试100题 [第41-60题]
- 总结一下可以研究的CAD源代码 .
- EasyUi_学习之路_05
- Structs学习笔记0:Structs与Servlet对比
- 数据流图
- c#/winform 串口编程
- SQL Server2005 不支持一条insert语句插入多条记录
- 一个中年职场老油子对应届生谈招聘
- 内存的堆分配和栈分配 & 字符数组,字符指针,Sizeof总结
- 十进制转八进制
- 继承中多态和拷贝构造函数