转载：http://www.cnblogs.com/Philoo/archive/2011/10/01/jeasyui_api_layout.html
Layout 布局
依赖
- panel
- resizable
用法示例
创建 Layout
经由标记创建 Layout 。添加 'easyui-layout' 类到 <div/> 标记。
1. <div id="cc" class="easyui-layout" style="width:600px;height:400px;">
2. <div region="north" title="North Title" split="true" style="height:100px;"></div>
3. <div region="south" title="South Title" split="true" style="height:100px;"></div>
4. <div region="east" iconCls="icon-reload" title="East" split="true" style="width:100px;"></div>
5. <div region="west" split="true" title="West" style="width:100px;"></div>
6. <div region="center" title="center title" style="padding:5px;background:#eee;"></div>
7. </div>
在整个页面上创建 Layout。
1. <body class="easyui-layout">
2. <div region="north" title="North Title" split="true" style="height:100px;"></div>
3. <div region="south" title="South Title" split="true" style="height:100px;"></div>
4. <div region="east" iconCls="icon-reload" title="East" split="true" style="width:100px;"></div>
5. <div region="west" split="true" title="West" style="width:100px;"></div>
6. <div region="center" title="center title" style="padding:5px;background:#eee;"></div>
7. </body>
折叠 Layout Panel
1. $('#cc').layout();
2. // 折叠 west panel
3. $('#cc').layout('collapse','west');
Layout Panel 选项
|
名称 |
类型 |
说明 |
默认值 |
|
title |
string |
Layout panel 的标题文字。 |
null |
|
region |
string |
定义 layout panel 的位置，其值是下列之一：north、south、east、west、center。 |
|
|
border |
boolean |
True 就显示 layout panel 的边框。 |
true |
|
split |
boolean |
True 就显示拆分栏，用户可以用它改变panel 的尺寸。 |
false |
|
iconCls |
string |
在panel 头部显示一个图标的CSS 类。 |
null |
|
href |
string |
从远程站点加载数据的 URL 。 |
null |
方法
|
名称 |
参数 |
说明 |
|
resize |
none |
设置 layout 的尺寸。 |
|
panel |
region |
返回指定的 panel，'region' 参数可能的值是：'north'、'south'、'east'、'west'、'center'。 |
|
collapse |
region |
折叠指定的 panel，'region' 参数可能的值是：'north'、'south'、'east'、'west'。 |
|
expand |
region |
展开指定的 panel，'region' 参数可能的值是：'north'、'south'、'east'、'west'。 |
风流涕淌 翻译。不当之处，敬请指正。转载请保留出处！
相关推荐
jQuery EasyUI 的核心在于其组件系统，这些组件包括但不限于数据网格（datagrid）、下拉菜单（combobox）、对话框（dialog）、表单（form）、布局（layout）、菜单（menu）、面板（panel）、进度条（progressbar）、...
- **布局（Layout）**：允许你将页面划分为多个区域，方便灵活地组织内容。 - **窗口（Window）**：提供弹出式或浮动式的对话框，用于展示独立的内容或操作。 - **表格（Grid）**：数据展示的主要工具，支持分页、...
文件"jQuery EasyUI 1.4 版 API 中文版.chm"是该版本的官方中文文档，包含了详细的API参考、示例代码和使用教程，是学习和查阅的重要资源。而"jquery1.7.2_20120420中文版.chm"则是jQuery 1.7.2的中文版文档，了解...
jQuery EasyUI 是一个基于 jQuery 的前端框架，它提供了丰富的组件和便捷的API，帮助开发者快速构建出功能完善、用户界面友好的Web应用程序。在版本1.3.3中，EasyUI 继续保持着其易用性和强大的特性，使得开发人员...
【标签】"jQueryEasyUI帮助文档 jQueryEasyUI jQueryEasy1.2 EasyUI1.2文档"进一步明确了文档的主题，这些标签可以帮助用户通过关键词搜索找到这个资源。 压缩包内的文件"jQuery EasyUI 1.2 API文档.CHM"包含了所有...
jQuery EasyUI 是一个基于 jQuery 的前端...无论选择哪种格式，jQuery EasyUI 1.5.1 的中文API文档都是开发者学习和调试的宝贵资源，它能帮助你快速理解和应用框架，提升开发效率，构建美观且功能丰富的Web应用程序。
除了这些基本组件，jQuery EasyUI 还提供了许多其他组件，如布局（Layout）、滑块（Slider）、提示（Tooltip）、日期选择器（DatePicker）等。此外，它还支持主题定制，允许开发者根据自己的需求调整样式。 在使用 ...
本 chm 文档是根据博客园“风流涕淌”的《jQuery EasyUI 1.2.4 API 中文文档（完整）目录》整理而成 http://www.cnblogs.com/Philoo/archive/2011/11/17/jeasyui_api_index.html Base 基础 Documentation 文档 ...
2. **EasyUI组件**：EasyUI 包含了大量的UI组件，如对话框（dialog）、表格（datagrid）、表单（form）、菜单（menu）、布局（layout）等。这些组件都是预先封装好的，只需要简单的配置和HTML标记，就能实现复杂的...
- jQuery EasyUI 1.3.4 离线API简体中文版 http://download.csdn.net/detail/richie696/6302785 - jQuery EasyUI 1.3.4 离线API简体中文版 http://download.csdn.net/detail/richie696/5363933
jQuery EasyUI 1.5.1 版本的中文API文档为国内开发者提供了极大的便利，不仅包含了丰富的组件和功能，还提供了详尽的使用指导和更新日志，使得国内开发者能更快地学习和掌握EasyUI框架，从而提升Web应用开发的效率和...
离线帮助手册中通常会包含这些组件的API文档、使用示例和配置选项，帮助开发者深入理解每个组件的用法。同时，由于它是汉化的，对于中文使用者来说，理解起来更加直观和便捷。这个资源对于正在学习或使用jQuery ...
在这一版本中，API 中文版为开发者提供了详细的文档支持，使得使用 jQuery EasyUI 进行开发变得更加便捷。下面将详细介绍 jQuery EasyUI 1.4.3 版本中的关键知识点： 1. **组件**：jQuery EasyUI 提供了众多组件，...
jQuery EasyUI 是一款基于 jQuery 的前端开发框架，它简化了网页界面的构建，...通过阅读中文版API文档，可以快速掌握这些知识点，提高开发效率。对于初学者，理解并熟练运用这些组件和API是提升Web开发技能的关键。
总结，jQuery EasyUI 1.4.2版API中文版是开发者的重要参考资料，它全面覆盖了EasyUI的主要组件、布局、数据交互、事件处理等方面，使得开发者能够高效地利用这个框架构建功能丰富的Web应用。通过深入学习和实践，...
下面将详细阐述 jQuery EasyUI 1.4.3 API 中的关键知识点。 1. **基本概念** - **jQuery**：jQuery 是一个快速、简洁的 JavaScript 库，简化了 HTML 文档遍历、事件处理、动画设计和Ajax交互。 - **EasyUI**：...
- "jquery-easyui-1.3.2"压缩包中的帮助文档详细介绍了每个组件的用法、配置选项、API方法以及示例代码。 - 文档还涵盖了常见问题解答、错误处理和最佳实践，为开发者提供全方位的支持。 6. **整合与开发** - ...
3. **API 中文版**：对于中文开发者来说，官方提供的中文API文档是极其重要的参考资料。它详细介绍了每个组件的使用方法、属性、事件和方法，使得开发者能够快速理解和应用EasyUI。 4. **主题定制**：jQuery EasyUI...