easyui-datagrid高度放大或缩小动态设置分页参数
来源:互联网 发布:为什么网络初始化失败 编辑:程序博客网 时间:2024/05/20 16:43
<div style="margin:2px 5px auto 2px;height:100%;">
<div id="queryCondition" style="border-bottom: 1px solid #D9E2E9;">
<dl style="width:100%;margin: 2px;">
<dd style="margin: 9px auto;">
<strong>类型:</strong>
<input type="radio" name="banPropertyType" value="" checked="checked"/>不限
<input type="radio" name="banPropertyType" value="1" style="margin-left: 10px;"/>楼盘
<input type="radio" name="banPropertyType" value="2" style="margin-left: 10px;"/>城中村
<input type="radio" name="banPropertyType" value="3" style="margin-left: 10px;"/>其他
</dd>
<dd style="margin: 9px auto;">
<strong>备注:</strong>
<input type="radio" name="banPropertyHasRemark" value="" checked="checked"/>不限
<input type="radio" name="banPropertyHasRemark" value="2" style="margin-left: 5px;"/>无备注
<input type="radio" name="banPropertyHasRemark" value="1" style="margin-left: 5px;"/>有备注
</dd>
</dl>
</div>
<div style="width:100%;">
<div style="width:100%;height:30px;border-bottom: 1px solid #dddddd;background: #F4F4F4;">
<div style="width:100%;height:100%;">
<input type="button" value="查询" onclick="queryBanTreeList();" style="float: right;margin: 4px 10px;padding: 1px 6px;height: 22px;"/>
<div class="pagination-btn-separator" style="float: right;"></div>
<img src="/oss-portlet/images/icons/arrow_up.png" class="showCondition" title="收缩查询条件" style="float: right;margin: 7px auto;cursor: pointer;">
<div class="pagination-btn-separator" style="float: right;"></div>
<img src="/oss-portlet/images/icons/arrow_in.png" title="全部收缩" onclick="javascript:$('#banTreeList').treegrid('collapseAll');" style="float: right;margin: 7px 10px 7px auto;cursor: pointer;">
<img src="/oss-portlet/images/icons/arrow_out.png" title="全部展开" onclick="javascript:$('#banTreeList').treegrid('expandAll');" style="float: right;margin: 7px 10px 7px auto;cursor: pointer;">
<img src="/oss-portlet/images/icons/batchMove_16.png" title="批量移动楼栋" onclick="openSelectPropertyWin();" class="operateImg">
<img src="/oss-portlet/images/icons/MergerBan_16.png" title="合并楼栋" onclick="openMergerBanWin();" class="operateImg">
<img src="/oss-portlet/images/icons/batchRemark_16.png" title="批量备注楼栋" onclick="openBatchRemarkBanWin();" class="operateImg">
</div>
</div>
<div style="width:100%;">
<table id="banTreeList"></table>
</div>
</div>
</div>
</div>
$(document).ready(function() {
expandOrShrink();
});
/**
* 展开和伸缩时resize列表
*/
function expandOrShrink(){
$(".showCondition").click(function (e) {
if($("#queryCondition").is(":hidden")){
$("#queryCondition").show("normal",function(){
// 设置grid大小
$("#banTreeList").treegrid('resize',{height:$(this).parents(".map_leftInfo").height() - $("#queryCondition").height() - 36});
});
e.target.src="/oss-portlet/images/icons/arrow_up.png";
e.target.title = '收缩查询条件';
// 设置grid分页组件分页大小
$("#banTreeList").treegrid("getPager").data("pagination").options.pageSize = 10;
$("#banTreeList").treegrid("getPager").pagination('refresh');
// 设置grid分页大小
banTreeList.data().treegrid.options.pageSize = 10;
$("#banTreeList").treegrid("reload");
}else{
$("#queryCondition").hide("normal",function(){
$("#banTreeList").treegrid('resize',{height:$(this).parents(".map_leftInfo").height() - 54});
});
e.target.src="/oss-portlet/images/icons/arrow_down.png";
e.target.title = '展开查询条件';
$("#banTreeList").treegrid("getPager").data("pagination").options.pageSize = 24;
$("#banTreeList").treegrid("getPager").pagination('refresh');
banTreeList.data().treegrid.options.pageSize = 24;
$("#banTreeList").treegrid("reload");
}
});
}
- easyui-datagrid高度放大或缩小动态设置分页参数
- easyui 设置datagrid高度
- 动态设置easyui datagrid URL
- easyui datagrid url mvc 参数动态
- easyui datagrid 动态修改查询参数
- easyui datagrid queryParams的使用 动态参数
- easyui datagrid属性动态设置实例
- 【easyui】datagrid高度自适应
- 打印时放大或缩小
- UIImage图形放大或缩小
- 图片的放大或缩小
- js动态放大缩小图片
- 窗体放大或者缩小,页面同步放大或缩小
- easyui 加载datagrid的时候添加自定义分页参数
- Struts2获取easyUI datagrid 分页参数page和rows
- easyui datagrid分页代码
- Jquery easyui DataGrid分页
- EasyUI datagrid分页,编辑
- 多个collection并行查询
- arm开发板可执行c程序出现找不到此文件的错误
- WebSocket在建立连接时通过@PathParam获取页面传值
- JSTL
- POJ1873
- easyui-datagrid高度放大或缩小动态设置分页参数
- 调用有道词典查询单词
- Android的系统架构
- 关于如何在activity之外调用Conetxt
- 网狐框架分析六--整体框架 20150623
- Linux下Qt Designer 程序设计步骤详解
- 查看网络图片
- 使用testNG进行并发性能测试
- JAVA中重写equals()方法为什么要重写hashcode()方法说明