easyui layout 自适应
类别:Web前端 浏览量:1497
时间:2015-1-24 easyui layout 自适应
easyui layout 自适应一、常见的easyui layout 自适应的情况和解决方法
<li class="easyui-layout"data-options="fit:true">
<li data-options="region:'north'" style="height:100px">
<li>查询条件</li>
</li>
<li data-options="region:'center'">
<table class="easyui-datagrid" fit="true"></table>
</li>
</li>
<li class="easyui-layout"data-options="fit:true">
<li data-options="region:'north'" style="height:100px">
<table id="part1"></table>
</li>
<li data-options="region:'center'">
<table id="part2"></table>
</li>
</li>
二、easyui布局使用备注
在html中定义easyui时,下面两种写法是一样的。即easyui控件的属性可以写在dataoptions属性里,也可以把这些属性写到标签上。
方式一
<li class="easyui-layout"data-options="fit:true">
<li data-options="region:'north'" style="height:100px">
<table id="part1"></table>
</li>
<li data-options="region:'center'">
<table id="part2"></table>
</li>
</li>
方式二
<li class="easyui-layout"fit="true">
<li region="north"style="height:100px;">
<table id="part1"></table>
</li>
<li region="center">
<table id="part2"></table>
</li>
</li>
标签:easyui
您可能感兴趣
- easyui combobox级联
- easyui中使用编辑器在IE下有时无法获取焦点
- EasyUI DataGird动态生成列
- easyui messager的用法
- easyUI DataGrid 显示可排序的列
- easyui layout 折叠后显示标题
- easyui layout 自适应
- easyui combogrid分页
- easyui datebox的用法
- EasyUI DateBox设置默认值
- 冯骥才 年意(冯骥才年意)
- ()
- 百事大吉蓝底 绿底手机高清壁纸(绿底手机高清壁纸)
- 蓝底证件照怎么制作 证件照换底色 换尺寸快速搞定(蓝底证件照怎么制作)
- 你喜欢足球吗 足球如何点亮世界的(足球如何点亮世界的)
- 不可分鸽是什么梗(不可分鸽是什么梗)
热门推荐
- 浅谈Python3中strip()、lstrip()、rstrip()用法详解(浅谈Python3中strip、lstrip、rstrip用法详解)
- 云服务器cvm什么意思(什么是云服务器cvm?怎么与普通物理服务器进行)
- django用户上传文件怎么接收(Django框架文件上传与自定义图片上传路径、上传文件名操作分析)
- python读写文件实验心得(Python文件读写常见用法总结)
- html5canvas功能介绍(Html5 Canvas实现图片标记、缩放、移动和保存历史状态功能 附转换公式)
- Jquery对数组的操作
- python中怎么实现队列的创建(python 堆和优先队列的使用详解)
- JS中call和apply区别
- docker部署spring boot(Spring Boot 打包上传Docker 仓库的详细步骤)
- python数组与矩阵转换(python 读取文件并把矩阵转成numpy的两种方法)