easyui-datagrid高度放大或缩小动态设置分页參数

<div class="map_leftInfo" style="height: 745px;width:320px;border: 1px solid #dfdfdf;">

<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");

}

});

}

时间: 2024-10-12 08:29:04

easyui-datagrid高度放大或缩小动态设置分页參数的相关文章

easyui datagrid java增删改查 动态补全

猛击-->   easyui datagrid 增删改查 动态补全 easyui datagrid java增删改查 动态补全,布布扣,bubuko.com

【翻译自mos文章】使用dbua升级时,须要手工设置CLUSTER_DATABASE參数么?

使用dbua升级时,须要手工设置CLUSTER_DATABASE參数么? 来源于: Is Manual Setting Of CLUSTER_DATABASE Parameter Required For DBUA Upgrade? (文档 ID 741081.1) 适用于: Oracle Server - Enterprise Edition - Version: 10.1.0.2 to 11.1.0.8 Information in this document applies to any

easyui表单多重验证,动态设置easyui控件

要实现的功能:在做添加学生信息的时候,利用easyui的验证功能判断 学号是否重复和学号只能为数字 最终效果如下图: 但在做这个的过程中,遇到了一系列的问题: 扩展validatebox的验证方法,最开始的验证代码如下: 1 //学号格式只能为数字 ****//这里没有问题**** 2 number: {//value值为文本框中的值 3 validator: function (value) { 4 var reg = /^[0-9]*$/; 5 return reg.test(value);

(easyui datagrid+mvc+json)之asp.net分页查询

最近在做分页查询的功能,在网上也翻看了不少,但是自己的吸收能力就差了好多,而且当时最大的想法就是,怎么就没有我想要的那种,既是easyui的,又要用mvc的架构,还要能够实现底层的分页传值,用.net平台写的demo,那时就想,等我做出来了,我也要写一篇分页查询的博客,专门为了实现这种需求来做的demo. 效果图 前台view <table id="list_data" class="easyui-datagrid" style="width:107

动态设置easyui datagrid URL

动态设置easyui datagrid URL$('#tt').datagrid({url:'website/jsp/servlet',        queryParams:{method:'xx', Id:IDValue }        });

JQuery easyUi datagrid 中 editor 动态设置最大值最小值

前言 近来项目中使用到 easyui 来进行页面设计,感觉挺方便的,但是网上除了api外,其他有价值的资料比较少,故在此分享一点经验,供大家参考. 问题 JQuery easyUi datagrid 可编辑行的editor属性具有 min 和 max 属性,设置可以输入的最大值和最小值,但是这个是固定的,如下: [html] view plain copy {field:'workRate',title:'<%/*填报*/%><bean:message key="task.wo

动态设置图片的宽度和高度

动态设置图片控件的宽度和高度: imageView.getLayoutParams().width=600;imageView.getLayoutParams().height=400; 设置图片(src): imageView.setImageResource(resId); android获得屏幕高度和宽度: 1.WindowManager wm = (WindowManager) getContext()                     .getSystemService(Cont

easyui 自定义验证,动态设置提示信息

//自定义验证规则 名称为name //$.fn.validatebox.defaults.rules.name.message 动态自定义提示内容 $.extend($.fn.validatebox.defaults.rules, { name: { validator: function (value, param) { var error=false;; if(!/^\S{4,25}$/.test(value)){ //4-25验证 $.fn.validatebox.defaults.ru

Android 动态设置控件高度

TextView textView= (TextView)findViewById(R.id.textview); LinearLayout.LayoutParams linearParams =(LinearLayout.LayoutParams) textView.getLayoutParams(); //取控件textView当前的布局参数 linearParams.height = 20;// 控件的高强制设成20 linearParams.width = 30;// 控件的宽强制设成3