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 DataGrid 显示可排序的列
- easyui combobox级联
- easyui combogrid分页
- easyui layout 自适应
- easyui中使用编辑器在IE下有时无法获取焦点
- easyui layout 折叠后显示标题
- easyui messager的用法
- easyui datebox的用法
- EasyUI DateBox设置默认值
- EasyUI DataGird动态生成列
- 三兄妹感情再遇波折,人设接连崩塌 《以家人之名》剧情猜不透(三兄妹感情再遇波折)
- 《小敏家》金波想要复婚 这只是他圈套的第1步,更可恶的在后面(小敏家金波想要复婚)
- 小敏家 剧情离谱一锅乱炖,但他们俩绝对是这部剧的一大 亮点(剧情离谱一锅乱炖)
- 《倚天屠龙记》再遭翻拍,关晓彤主演赵敏,蒋劲夫演张无忌,你怎么看(倚天屠龙记再遭翻拍)
- 吴启华与曾舜晞两代张无忌同框,戏里经典的他却没活出原著的潇洒(吴启华与曾舜晞两代张无忌同框)
- 经常发这三种 朋友圈 的人,要迅速屏蔽(经常发这三种朋友圈)
热门推荐
- php协议使用教程学习(php中的钩子理解及应用实例分析)
- html中table怎么用(详解CSS的table-layout属性的用法)
- phpstudy使用教程最新版(phpstudy安装使用图文教程)
- python获取特定时间日期的数据(Python提取特定时间段内数据的方法实例)
- 网页打开serviceunavailable(503 service unavailable错误解决方案讲解)
- python爬虫怎么设置代理ip(python爬虫简单的添加代理进行访问的实现代码)
- 宝塔面板怎么修改安全的端口(宝塔面板如何设置伪静态规则?)
- ASP.NET Web API是什么
- 数据化网络流量管理(适合云主机用户使用的流量监控软件)
- dedecms数据库调用(DEDECMS直接获取软件模型本地下载地址或服务器名称)