技术专栏
Layout(布局)
使用$.fn.layout.defaults重写默认值对象。
布局容器有5个区域:北、南、东、西和中间。中间区域面板是必须的,边缘的面板都是可选的。每个边缘区域面板都可以通过拖拽其边框改变大小,也可以点击折叠按钮将面板折叠起来。布局可以进行嵌套,用户可以通过组合布局构建复杂的布局结构。
依赖关系
• panel
• resizable
使用案例
创建布局
- 通过标签创建布局
为< div/>标签增加名为'easyui-layout'的类ID。
`
<div data-options="region:'south',title:'South Title',split:true" style="height:100px;"></div>
<div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true" style="width:100px;"></div>
<div data-options="region:'west',title:'West',split:true" style="width:100px;"></div>
<div data-options="region:'center',title:'center title'" style="padding:5px;background:#eee;"></div>
- 使用完整页面创建布局
` ` - 创建嵌套布局
注意:嵌套在内部的布局面板的左侧(西面)面板是折叠的。
`
'+title+'
';
}
}
方法
方法名 方法参数 描述
resize param 设置布局大小。param对象包含如下属性:
width:布局宽度。
height:布局高度。
代码示例:
$('#cc').layout('resize', {
width:'80%',
height:300
})
panel region 返回指定面板,'region'参数可用值有:'north','south','east','west','center'。
collapse region 折叠指定面板。'region'参数可用值有:'north','south','east','west'。
expand region 展开指定面板。'region'参数可用值有:'north','south','east','west'。
add options 添加指定面板。属性参数是一个配置对象,更多细节请查看选项卡面板属性。
remove region 移除指定面板。'region'参数可用值有:'north','south','east','west'。
split region 分割区域面板。'region'参数可用值有:'north','south','east','west'。(该方法自1.4.2版开始可用)
代码示例:
$("#layout").layout("split", "west");
unsplit region 移除指定面板。'region'参数可用值有:'north','south','east','west'。(该方法自1.4.2版开始可用)
代码示例:
$("#layout").layout("unsplit", "west");
声明:本文内容由易百纳平台入驻作者撰写,文章观点仅代表作者本人,不代表易百纳立场。如有内容侵权或者其他问题,请联系本站进行删除。
红包
点赞
收藏
评论
打赏
- 分享
- 举报
评论
0个
手气红包
暂无数据
相关专栏
-
浏览量:2235次2018-12-19 13:21:52
-
浏览量:3326次2020-08-17 12:21:14
-
浏览量:1213次2023-08-22 17:38:04
-
浏览量:2320次2019-07-22 10:01:27
-
浏览量:1560次2020-08-14 18:34:40
-
2020-08-03 13:37:42
-
浏览量:4956次2020-12-20 16:34:53
-
浏览量:2555次2019-07-15 10:29:52
-
浏览量:3267次2022-08-17 09:00:13
-
浏览量:2259次2020-08-17 11:44:38
-
浏览量:2290次2019-11-16 09:55:15
-
浏览量:2183次2020-08-03 12:02:37
-
浏览量:4154次2021-09-01 17:51:02
-
浏览量:2042次2020-08-03 13:33:48
-
浏览量:3826次2021-09-04 16:38:41
-
浏览量:1825次2020-08-03 12:01:28
-
浏览量:4518次2021-07-12 13:50:16
-
浏览量:1868次2018-01-31 19:18:43
-
浏览量:2378次2019-11-06 09:15:24
置顶时间设置
结束时间
删除原因
-
广告/SPAM
-
恶意灌水
-
违规内容
-
文不对题
-
重复发帖
打赏作者
陈北
您的支持将鼓励我继续创作!
打赏金额:
¥1
¥5
¥10
¥50
¥100
支付方式:
微信支付
打赏成功!
感谢您的打赏,如若您也想被打赏,可前往 发表专栏 哦~
举报反馈
举报类型
- 内容涉黄/赌/毒
- 内容侵权/抄袭
- 政治相关
- 涉嫌广告
- 侮辱谩骂
- 其他
详细说明
审核成功
发布时间设置
发布时间:
请选择发布时间设置
是否关联周任务-专栏模块
审核失败
失败原因
请选择失败原因
备注
请输入备注