<html>

<head>

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

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

    <script src="jquery-easyui/easyloader.js"></script>

    <script src="jquery-easyui/locale/easyui-lang-zh_CN.js"></script>

    <link rel="stylesheet" type="text/css" href="jquery-easyui/themes/default/easyui.css">

    <link rel="stylesheet" type="text/css" href="jquery-easyui/themes/icon.css" />

</head>

<body>

    <div id="cc" class="easyui-layout" style="width:600px;height:400px;" >

        <div region="north"  title="North Title"  style="height:100px;"></div>

        <div region="south"  title="South Title" split="true" style="height:100px;"></div>

        <div region="east"  title="East" split="true" style="width:100px;"></div>

        <div region="west" split="true" title="West" style="width:100px;"></div>

        <div region="center" title="center title" ></div>

    </div>  

    <!--

    title：布局面板的标题。

    <div id="cc" class="easyui-layout" style="width:600px;height:400px;">

        <div region="north" title="North Title" split="true" style="height:100px;"></div>

    </div>

    region：定义布局面板的位置（方向），可以取下列值的其中之一：north, south, east, west, center。

    <div id="cc" class="easyui-layout" style="width:600px;height:400px;">

        <div region="north" title="North Title" split="true" style="height:100px;"></div>

        <div region="south" title="South Title" split="true" style="height:100px;"></div>

        <div region="east"  title="East" split="true" style="width:100px;"></div>

        <div region="west" split="true" title="West" style="width:100px;"></div>

        <div region="center" title="center title" href="1.html" style="padding:5px;background:#eee;"></div>

    </div>

    border：设置为true将显示布局面板的边框。

    <div id="cc" class="easyui-layout" style="width:600px;height:400px;">

        <div region="north" border=true title="North Title" split="true" style="height:100px;"></div>

    </div>

    split：如果设置为true将显示一个分隔条，用户可以拖动分隔条来改变布局面板的尺寸。

    <div id="cc" class="easyui-layout" style="width:600px;height:400px;" >

        <div region="north"  title="North Title" split="true" style="height:100px;"></div>

    </div>

    iconCls：一个用来显示布局面板头部图标的css类。

    <div id="cc" class="easyui-layout" style="width:600px;height:400px;" >

        <div region="north" iconCls="icon-reload" title="North Title" split="true" style="height:100px;"></div>

    </div>

    href：一个用来从远程站点载入数据的超链接。

    <div id="cc" class="easyui-layout" style="width:600px;height:400px;" >

        <div region="north" href="1.html" title="North Title" split="true" style="height:100px;"></div>

    </div>

    -->

</body>

</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. BZOJ 1112: [POI2008]砖块Klo1112( BST )

    枚举每个长度为k的区间, 然后用平衡树找中位数进行判断, 时间复杂度O(nlogn). 早上起来精神状态不太好...连平衡树都不太会写了...果断去看了会儿番然后就A了哈哈哈 ------------ ...

  2. 20款Notepad++插件下载和介绍

    转自:http://www.kuqin.com/developtool/20090628/59334.html Notepad++从3.4版本开始支持插件机制,让用户可选择的为本身已经优秀的Notep ...

  3. HDU 4882 ZCC Loves Codefires(贪心)

     ZCC Loves Codefires Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/O ...

  4. QQ邮箱中转站文件即将过期时如何转存到微云

    今天QQ邮箱提示我的中转站有个文件即将过期,然后我看看了那个文件然后我想永久保存这个文件,腾讯有个微云网盘(好像有10T),想知道能不能保存到微云已变永久保存 结果发现在文件中转站这个界面竟然没有续期 ...

  5. bonjour

    首先bonjour并非必须的,可是它的确非常方便,假设没有它我们须要指定ip地址进行局域网的传输,有了它就能够依据服务的详细的名称来选择服务,能够这样来理解bonjour就相当于hostname,我们 ...

  6. innerXml,outerXml,innerText的不同

    原文:innerXml,outerXml,innerText的不同 昨天看到咱们园子里有一个仁兄写的关于xml的有关操作,在读的过程中,由于是初学者有不明白的地方就查资料,发现自己多innerXml, ...

  7. UVA 311 Packets 贪心+模拟

    题意:有6种箱子,1x1 2x2 3x3 4x4 5x5 6x6,已知每种箱子的数量,要用6x6的箱子把全部箱子都装进去,问需要几个. 一开始以为能箱子套箱子,原来不是... 装箱规则:可以把箱子都看 ...

  8. C语言深度解剖读书笔记(6.函数的核心)

    对于本节的函数内容其实就没什么难点了,但是对于函数这节又涉及到了顺序点的问题,我觉得可以还是忽略吧. 本节知识点: 1.函数中的顺序点:f(k,k++);  这样的问题大多跟编译器有关,不要去刻意追求 ...

  9. IT忍者神龟之中的一个句sql语句——连接同一字段的全部值

    Oracle能够用SYS_CONNECT_BY_PATH字符串聚合函数: SELECT LTRIM(MAX(SYS_CONNECT_BY_PATH(productname, ', ')), ', ') ...

  10. Find命令, find用法,

    Find命令 用法示例:查找HOME目录下大于1M小于10M的文件$ find ~ -size +1M -size -10M 15个小时这一时刻修改的文件:find . -mmin 900 | xar ...