Easyui入门视频教程 第04集---Easyui布局
2013-12-23 09:14
429 查看
目录
目录
-----------------------
Easyui入门视频教程 第09集---登录完善 图标自定义
Easyui入门视频教程 第08集---登录实现 ajax button的使用
Easyui入门视频教程 第07集---Accordion的使用
Easyui入门视频教程 第06集---Layout初始化和属性方法使用
Easyui入门视频教程 第05集---Easyui复杂布局
Easyui入门视频教程 第04集---Easyui布局
Easyui入门视频教程 第03集---Easyui布局
Easyui入门视频教程 第02集--- ASP.NET MVC下 搭建 EasyUI环境
Easyui入门视频教程 第01集---认识Easyui
-----------------------
我们继续讲布局
full 全屏 布局
整个body 作为一个布局容器
嵌套布局
这个东西 就是 收缩
collapsed:true
视频下载地址
http://pan.baidu.com/s/1sjEpVTr
源码
http://www.bamn.cn/thread-3982-1-1.html
目录
-----------------------
Easyui入门视频教程 第09集---登录完善 图标自定义
Easyui入门视频教程 第08集---登录实现 ajax button的使用
Easyui入门视频教程 第07集---Accordion的使用
Easyui入门视频教程 第06集---Layout初始化和属性方法使用
Easyui入门视频教程 第05集---Easyui复杂布局
Easyui入门视频教程 第04集---Easyui布局
Easyui入门视频教程 第03集---Easyui布局
Easyui入门视频教程 第02集--- ASP.NET MVC下 搭建 EasyUI环境
Easyui入门视频教程 第01集---认识Easyui
-----------------------
我们继续讲布局
full 全屏 布局
<body class="easyui-layout"> <div data-options="region:'north',border:false" style="height:60px;background:#B3DFDA;padding:10px">north region</div> <div data-options="region:'west',split:true,title:'West'" style="width:150px;padding:10px;">west content</div> <div data-options="region:'east',split:true,collapsed:true,title:'East'" style="width:100px;padding:10px;">east region</div> <div data-options="region:'south',border:false" style="height:50px;background:#A9FACD;padding:10px;">south region</div> <div data-options="region:'center',title:'Center'"></div> </body>
整个body 作为一个布局容器
嵌套布局
<div class="easyui-layout" style="width:700px;height:350px;"> <div data-options="region:'north'" style="height:50px"></div> <div data-options="region:'south',split:true" style="height:50px;"></div> <div data-options="region:'east',split:true" title="East" style="width:180px;"></div> <div data-options="region:'west',split:true" title="West" style="width:100px;"></div> <div data-options="region:'center',iconCls:'icon-ok'" title="Center"> <div class="easyui-layout" data-options="fit:true"> <div data-options="region:'north',split:true,border:false" style="height:50px"></div> <div data-options="region:'west',split:true,border:false" style="width:100px"></div> <div data-options="region:'center',border:false"></div> </div> </div> </div>
这个东西 就是 收缩
collapsed:true
视频下载地址
http://pan.baidu.com/s/1sjEpVTr
源码
http://www.bamn.cn/thread-3982-1-1.html
相关文章推荐
- Easyui入门视频教程 第05集---Easyui复杂布局
- Easyui入门视频教程 第03集---Easyui布局
- Easyui入门视频教程 第01集---认识Easyui
- Easyui入门视频教程 第02集--- ASP.NET MVC下 搭建 EasyUI环境
- Easyui入门视频教程 第06集---Layout初始化和属性方法使用
- Easyui入门视频教程 第10集---Messager的使用
- DIV+CSS网页标准布局入门到精通视频教程
- Easyui入门视频教程 第11集---Window的使用
- 韩顺平_php从入门到精通_视频教程_第20讲_仿sohu首页面布局_可爱屋首页面_学习笔记_源代码图解_PPT文档整理
- EasyUI入门视频教程
- Easyui入门视频教程 第11集---Window的使用
- Easyui入门视频教程 第07集---Accordion的使用
- Easyui入门视频教程 第08集---登录实现 ajax button的使用
- 【备忘】Struts2+Spring3+Hibernate4+Maven+EasyUI整合入门视频教程
- Easyui入门视频教程 第09集---登录完善 图标自定义
- Div+CSS布局入门教程(三) 页面顶部制作之一
- 深度学习国外经典教程——大师带你入门(视频、PPT讲稿)
- 由尚德老师Linux内核编程入门视频教程
- 6个Blender入门视频教程
- J2EE入门视频教程第六讲——MySQL Front使用及条件查询