<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. MFC对话框Style说明

    Popup:弹出窗口 Overlapped:重叠窗口 Child:子窗口 在它们之间并没有太多内在的差异,但是使用不同的窗口风格,它们的外观是 不同的. 重叠窗口通常用于建立应用程序主窗口.事实上,有 ...

  2. javascript笔记整理（数据类型强制/隐式转换 ）

    A.数据类型强制转换 1.转换为数值类型 Number(参数) 把任何的类型转换为数值类型 A.如果是布尔值,false为0,true为1 var a=false;alert(Number(a)); ...

  3. 如何捕获winform程序全局异常？

    1.在C#中我们如何处理异常? 上面的问题学过C#的问题大家可能都能回答处理,用try-catch-finally具体如下: try { //可能出错的语句 } catch (Exception) { ...

  4. DOM API

    documentObject.documentElement 返回文档的根节点 document.documentElement; //返回<HTML><HTML>

  5. Java多线程实现生产者消费者延伸问题

    在操作系统中有一类问题被称为生产者消费者问题:意为,有数个生产者生产产品,有数个消费者消费产品,他们共享一定数量的缓存. 这里用java多线程编程,实现生产者消费者问题的一种延伸,橘子苹果问题. 题目 ...

  6. 调用QQ截图

    var SHExecInfo: SHELLEXECUTEINFO; begin //截图前隐藏主程序窗口 Form1.Hide; //等待截图执行完成 SHExecInfo.cbSize := siz ...

  7. boost::thread类

    前言 标准C++线程即将到来.预言它将衍生自Boost线程库,现在让我们探索一下Boost线程库. 几年前,用多线程执行程序还是一件非比寻常的事.然而今天互联网应用服务程序普遍使用多线程来提高与多客户 ...

  8. Linear Regression（线性回归）（三）—代价函数J(θ)选择的概率解释

    (整理自AndrewNG的课件,转载请注明.整理者:华科小涛@http://www.cnblogs.com/hust-ghtao/) 在遇到线性回归问题时,我们总是令.可是我们为什么这样选择代价函数呢 ...

  9. System Request 进入KDB模式过程详解

    0   echo g > /proc/sysrq-trigger   怎么让系统停下来,进入进入KDB循环? 1   需要简单了解下:Linux Magic System Request 2   ...

  10. ［Android Studio 权威教程］Windows下安装Android Studio

    从AS 0.5版本号開始使用.也是AS的推行者,在ApkBus公布的第一篇Android Studio Perview 2 获得了50K的浏览,1800多条回复下载. 在我的［Android Stud ...