jQuery EasyUI API 中文文档 - 布局(Layout)
来源:互联网 发布:c索引超出了数组界限 编辑:程序博客网 时间:2024/05/16 08:16
依赖
- 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 API 中文文档 - 布局(Layout)
- jQuery EasyUI API 中文文档 - 布局(Layout)
- jQuery EasyUI API 中文文档 - 布局(Layout)
- jQuery EasyUI API 中文文档 - 布局(Layout)
- jQuery EasyUI API 中文文档
- jQuery easyui API 中文文档
- jQuery EasyUI API 中文文档
- jQuery EasyUI API 中文文档
- jQuery EasyUI 1.2.4 API 中文文档(完整)目录
- jQuery EasyUI API 中文文档 - 数据表格(DataGrid)
- jQuery EasyUI API 中文文档 - 组合框(ComboBox)
- jQuery EasyUI API 中文文档 - 数字滑块(Slider)
- jQuery EasyUI API 中文文档 - 下拉列表树(ComboTree)
- jQuery EasyUI 1.2.4 API 中文文档(完整)目录
- jQuery EasyUI 1.2.4 API 中文文档(完整)目录
- jQuery EasyUI API 中文文档 - 下拉表格树(ComboTreeGrid)
- jQuery EasyUI 1.2.4 API 中文文档(完整)目录
- jQuery EasyUI API 中文文档 - 菜单(menu)
- MFC一个简单的计算器程序
- 数据结构——算法之(033)(两个有序单链表合并为一个有序的单链表)
- 分第三个第三方公司的公司的广东省
- 【Java初学笔记(一)】Java的历史和版本
- USB2.0的高速、全速及低速设备的检测
- jQuery EasyUI API 中文文档 - 布局(Layout)
- XenServer 6.2 命令分类
- 面试笔记
- JavaScript中setAttribute用法
- 解析grant connect, resource to user语句
- Java经典编程300例之实例012 从控制台接收输入字符
- 集群与分布式的区别
- Java里多个Map的性能比较(TreeMap、HashMap、ConcurrentSkipListMap)
- 生活中计算机科学(一)