1. <html>
  2. <head>
  3.     <script src="jquery-easyui/jquery.min.js"></script>
  4.     <script src="jquery-easyui/jquery.easyui.min.js"></script>
  5.     <script src="jquery-easyui/easyloader.js"></script>
  6.     <script src="jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
  7.     <link rel="stylesheet" type="text/css" href="jquery-easyui/themes/default/easyui.css">
  8.     <link rel="stylesheet" type="text/css" href="jquery-easyui/themes/icon.css" />
  9. </head>
  10. <body>
  11.     <div id="cc" class="easyui-layout" style="width:600px;height:400px;" >
  12.         <div region="north"  title="North Title"  style="height:100px;"></div>
  13.         <div region="south"  title="South Title" split="true" style="height:100px;"></div>
  14.         <div region="east"  title="East" split="true" style="width:100px;"></div>
  15.         <div region="west" split="true" title="West" style="width:100px;"></div>
  16.         <div region="center" title="center title" ></div>
  17.     </div>  
  18.  
  19.     <!--
  20.     title：布局面板的标题。
  21.     <div id="cc" class="easyui-layout" style="width:600px;height:400px;">
  22.         <div region="north" title="North Title" split="true" style="height:100px;"></div>
  23.     </div>
  24.  
  25.     region：定义布局面板的位置（方向），可以取下列值的其中之一：north, south, east, west, center。
  26.     <div id="cc" class="easyui-layout" style="width:600px;height:400px;">
  27.         <div region="north" title="North Title" split="true" style="height:100px;"></div>
  28.         <div region="south" title="South Title" split="true" style="height:100px;"></div>
  29.         <div region="east"  title="East" split="true" style="width:100px;"></div>
  30.         <div region="west" split="true" title="West" style="width:100px;"></div>
  31.         <div region="center" title="center title" href="1.html" style="padding:5px;background:#eee;"></div>
  32.     </div>
  33.  
  34.     border：设置为true将显示布局面板的边框。
  35.     <div id="cc" class="easyui-layout" style="width:600px;height:400px;">
  36.         <div region="north" border=true title="North Title" split="true" style="height:100px;"></div>
  37.     </div>
  38.  
  39.     split：如果设置为true将显示一个分隔条，用户可以拖动分隔条来改变布局面板的尺寸。
  40.     <div id="cc" class="easyui-layout" style="width:600px;height:400px;" >
  41.         <div region="north"  title="North Title" split="true" style="height:100px;"></div>
  42.     </div>
  43.  
  44.     iconCls：一个用来显示布局面板头部图标的css类。
  45.     <div id="cc" class="easyui-layout" style="width:600px;height:400px;" >
  46.         <div region="north" iconCls="icon-reload" title="North Title" split="true" style="height:100px;"></div>
  47.     </div>
  48.  
  49.     href：一个用来从远程站点载入数据的超链接。
  50.     <div id="cc" class="easyui-layout" style="width:600px;height:400px;" >
  51.         <div region="north" href="1.html" title="North Title" split="true" style="height:100px;"></div>
  52.     </div>
  53.     -->
  54. </body>
  55. </html>

jQuery EasyUI API 中文文档 - 布局（Layout）的更多相关文章

  1. jQuery EasyUI API 中文文档 - ComboGrid 组合表格

    jQuery EasyUI API 中文文档 - ComboGrid 组合表格,需要的朋友可以参考下. 扩展自 $.fn.combo.defaults 和 $.fn.datagrid.defaults ...

  2. jQuery EasyUI API 中文文档 - ValidateBox验证框

    jQuery EasyUI API 中文文档 - ValidateBox验证框,使用jQuery EasyUI的朋友可以参考下.   用 $.fn.validatebox.defaults 重写了 d ...

  3. jQuery EasyUI API 中文文档

    http://www.cnblogs.com/Philoo/tag/jQuery/ 共2页: 1 2 下一页  jQuery EasyUI API 中文文档 - 树表格(TreeGrid) 风流涕淌 ...

  4. jQuery EasyUI API 中文文档 - Panel面板

    <html> <head> <title>布局管理器--控制面板</title> <script src="jquery-easyui/ ...

  5. jquery easyui 弹出消息框 (转载) jQuery EasyUI API 中文文档 - 消息框（Messager） http://www.cnblogs.com/hantianwei/archive/2012/03/19/2407113.html

    <html> <head> <!-- 导入easyui插件的js和css样式; --> <link rel="stylesheet" ty ...

  6. jQuery EasyUI API 中文文档 - 分隔按钮（splitbutton）

    <html> <head> <script src="jquery-easyui/jquery.min.js"></script> ...

  7. jQuery EasyUI API 中文文档 - 菜单按钮（menubutton）

    <html> <head> <script src="jquery-easyui/jquery.min.js"></script> ...

  8. jQuery EasyUI API 中文文档 - 链接按钮（linkbutton）

    <html> <head> <script src="jquery-easyui/jquery.min.js"></script> ...

  9. jQuery EasyUI API 中文文档 - 面板（Panel）

    Panel 面板   用$.fn.panel.defaults重写defaults. 用法示例 创建Panel 1. 经由标记创建Panel 从标记创建Panel更容易.把 'easyui-panel ...

随机推荐

  1. 搭建python集成开发环境.

    需要搭建的内容一共有三项, python ,wxpython 以及spe.     其中spe 是python 的可视化集成开发环境(ide) , 其需要python GUI图形库wxpython的支 ...

  2. WCF技术剖析之六：为什么在基于ASP.NET应用寄宿（Hosting）下配置的BaseAddress无效

    原文:WCF技术剖析之六:为什么在基于ASP.NET应用寄宿(Hosting)下配置的BaseAddress无效 本篇文章来源于几天前一个朋友向我咨询的问题.问题是这样的,他说他采用ASP.NET应用 ...

  3. 130831组队赛-Regionals 2011, Asia - Kuala Lumpur

    A.Smooth Visualization 简单模拟题,不多说了. #include<iostream> #include<cstdio> #include<algor ...

  4. (step8.2.7)hdu 1517(A Multiplication Game——巴什博弈变形)

    题目大意:输入一个整数n.谁先报的数大于n,谁就输了.(初始值p  == 1 , 后一个人报的数必须在前一个人报的数的基础上乘上(2 ~ 9)之间的任意一个数) 解题思路:巴什博奕的变形 1) 解题思 ...

  5. STM32学习之路-LCD（3）&lt;显示图片&gt;

    祝大家端午和六一快乐!原本今天是想歇息歇息的,可是实在无奈没什么事干.所以就来学习学习LCD显示图片的函数 函数是照搬奋斗的样例,算是些笔记吧.只是奋斗的样例凝视的不是非常具体.今天去看了正点原子的论 ...

  6. EasyUI - DataGrid 组建 - [ 搜索功能 ]

    效果: html代码: 使用css加载的方式,所以要在写html代码,也可以使用js操作. <div> <!--使用JS加载方式--> <table id="t ...

  7. Qt 智能指针学习

    原地址:http://blog.csdn.net/dbzhang800/article/details/6403285 从内存泄露开始? 很简单的入门程序,应该比较熟悉吧 ^_^ #include & ...

  8. h和.cpp文件的区别

    关于头文件和源文件的分别 首先,我们可以将所有东西都放在一个.cpp文件内. 然后编译器就将这个.cpp编译成.obj,obj是什么东西? 就是编译单元了.一个程序,可以由一个编译单元组成, 也可以有 ...

  9. 湖南省第八届大学生程序设计大赛原题 D - 平方根大搜索 UVA 12505 - Searching in sqrt(n)

    http://acm.hust.edu.cn/vjudge/contest/view.action?cid=30746#problem/D D - 平方根大搜索 UVA12505 - Searchin ...

  10. mfc修改应用程序外观

    1.在窗口创建前修改窗体外观 在BOOL CMainFrame::PreCreateWindow(CREATESTRUCT& cs)函数中修改,其中CREATESTRUCT结构中有诸如窗口大小 ...