jQuery EasyUI API 中文文档 - 布局（Layout）

最新推荐文章于 2021-06-25 17:08:09 发布
最新推荐文章于 2021-06-25 17:08:09 发布
阅读量112 收藏
点赞数
文章标签： javascript ViewUI
例图:
依赖
  • panel
  • resizable
用法示例

创建 Layout

经由标记创建 Layout 。添加 'easyui-layout' 类到 <div/> 标记。

<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" iconCls="icon-reload" 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" style="padding:5px;background:#eee;"></div>  
</div>


在整个页面上创建 Layout。

<body class="easyui-layout">  
  <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" iconCls="icon-reload" 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" style="padding:5px;background:#eee;"></div>  
</body>


折叠 Layout Panel

1. $('#cc').layout();

2. //折叠westpanel

3. $('#cc').layout('collapse','west');

Layout Panel 选项
名称类型说明默认值
titlestringLayout panel 的标题文字。null
regionstring定义 layout panel 的位置，其值是下列之一：north、south、east、west、center。
borderbooleanTrue 就显示 layout panel 的边框。true
splitbooleanTrue 就显示拆分栏，用户可以用它改变panel 的尺寸。false
iconClsstring在panel 头部显示一个图标的CSS 类。null
hrefstring从远程站点加载数据的 URL 。null
方法
名称参数说明
resizenone设置 layout 的尺寸。
panelregion返回指定的 panel，'region' 参数可能的值是：'north'、'south'、'east'、'west'、'center'。
collapseregion折叠指定的 panel，'region' 参数可能的值是：'north'、'south'、'east'、'west'。
expandregion展开指定的 panel，'region' 参数可能的值是：'north'、'south'、'east'、'west'。



　　　　风流涕淌翻译。不当之处，敬请指正。转载请保留出处！


dqsweet
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery布局组件EasyUI Layout使用方法详解
10-20
主要为大家详细介绍了jQuery布局组件EasyUI Layout的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
jQuery EasyUI 1.5.1 中文API文档(chm、exe、pdf)
10-25
jQuery EasyUI 是一个基于 jQuery 的前端...无论选择哪种格式，jQuery EasyUI 1.5.1 的中文API文档都是开发者学习和调试的宝贵资源，它能帮助你快速理解和应用框架，提升开发效率，构建美观且功能丰富的Web应用程序。
jQuery EasyUI API 中文文档 - 分页
weixin_30294295的博客
09-28 63
　　　Pagination分页 风流涕淌翻译。不当之处，敬请指正。转载请保留出处！ 用 $.fn.pagination.defaults 重写了 defaults。 依赖 linkbutton 用法 1.<divid="pp"style="background:#efefef;border:1pxsolid#ccc;"></div>...
jQuery EasyUI API 中文文档 - 表单（form补充）
10-13 1186
继承(表单验证)第一个参数如果是true那么就算key相同也会接着追加，相反怎会覆盖$.extend([bool],obj,obj1);var obj = {name:"zhangsan"};var obj1 = {age:1};var obj2 = $.extend({},obj,obj1);//是把obj对象和obj1对象赋值给空对象，然后再赋值给obj2对象 则obj2对象打印的结果是：
jQuery EasyUI 1.3.5 离线简体中文API文档
12-18
- 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.2.4 API 中文文档.chm
11-18
本 chm 文档是根据博客园“风流涕淌”的《jQuery EasyUI 1.2.4 API 中文文档（完整）目录》整理而成 http://www.cnblogs.com/Philoo/archive/2011/11/17/jeasyui_api_index.html Base 基础 Documentation 文档 ...
jqueryEasyUI
07-16
- **布局（Layout）**：允许你将页面划分为多个区域，方便灵活地组织内容。 - **窗口（Window）**：提供弹出式或浮动式的对话框，用于展示独立的内容或操作。 - **表格（Grid）**：数据展示的主要工具，支持分页、...
jQuery EasyUI API 中文文档 - 可释放
weixin_34198797的博客
03-19 87
Droppable  可释放  用$.fn.droppable.defaults重写defaults。用法1. &lt;div id="dd" style="width:100px;height:100px;"&gt;&lt;/div&gt;  1. $('#dd').droppable({   2.     accept:'#d1,#d3'  3. });  特性名称类型说明默认值...
JQuery EasyUI Layout 在from布局自适应窗口大小的实现方法
10-22
下面小编就为大家带来一篇JQuery EasyUI Layout 在from布局自适应窗口大小的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
jquery layout 经典布局（东南西北中）
01-11
UI Layout是一种基于jQuery的布局框架,其核心是一个大小自适应的中心面板,面板的上下左右四个方向可以放置可折叠、可缩放的面板,感兴趣的朋友可以下载。
jquery.layout 布局插件精简版
12-17
jquery.layout 布局插件精简版，对依赖ui.core和拖拽进行精简
jQuery布局插件UI Layout简介及使用方法
10-27
UI Layout是一种基于jQuery的布局框架，其核心是一个大小自适应的中心面板，面板的上下左右四个方向可以放置可折叠、可缩放的面板，感兴趣的朋友可以参考下哈
JQuery_Layout_Demo
10-28
这是一个关于JQuery Layout和Mac插件的Demo实验项目，可以添加自己的Ajax进行后台验证
jQuery EasyUI API 中文文档
Akuma专栏
10-16 1667
http://www.cnblogs.com/Philoo/tag/API/
jQuery EasyUI 1.2.4 API 中文文档（完整）目录
漫天雪_昆仑巅
11-29 2158
最近由于项目需要，用到了JQuery的EasyUI 以前虽然也或多或少用过，可是都没专心去记忆、好在这次需要之时 网上发现了这篇杰作， 以下 文档为转载部分，同时也对此文的贡献者 于敬意： 此文档翻译的时间是2011年8月份，原文是当时 http://www.jeasyui.com/documentation/ 的文档，对应 EasyUI 的版本是 1.2.4 。   Base 基
html layout 插件,插件 jQuery.layout 中文API文档
weixin_29429691的博客
06-25 312
jQuery UI LayoutThe Ultimate Page Layout ManagerThis widget was inspired by the extJS border-layout, and recreates that functionality in a jQuery plug-in.The Layout plug-in can create any UI look you ...
easy-layout
每天问问自己，你今天努力了吗？
03-06 742
http://www.cnblogs.com/Philoo/archive/2011/10/01/jeasyui_api_layout.html   依赖 panelresizable 用法示例 创建 Layout 经由标记创建 Layout 。添加 'easyui-layout' 类到  标记。 1.   id="cc" class="easyui-layout
easyui-layout panel-tool
最新发布
06-09
EasyUI Layout 组件的 panel-tool 属性是用来定义在面板右上角显示的工具按钮。可以通过设置 panel-tool 属性来自定义工具按钮的图标、文本和点击事件。例如，可以通过下面的代码来定义一个带有关闭按钮的面板： ``...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值