`
Franciswmf
  • 浏览: 796700 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

easyui datagrid数据查询

 
阅读更多
function doFirstQueryFun(){
	var actTypeVal=$("#aid").combobox('getValue');
	var actIdVal=$("#bid").combobox('getValue');
	var batchNoVal=$("#cid").combobox('getValue');
	if(null!=actIdVal&&""!=actIdVal){
		$('#mygrid').datagrid({
			url:'upController.do?getData',
			queryParams:{
				actType: actTypeVal,
				actId: actIdVal,
				batchNo:batchNoVal
			},
			//onBeforeLoad: function(param){
				//var options=$('#mygrid').datagrid('options')
				//if((param.page>1||param.rows>10)&&options.url==''){
						//$('#mygrid').datagrid('options').url=url;
				//}
			//},
			onLoadSuccess: function(data){  
				$.fn.datagrid.defaults.onLoadSuccess.call(this,data);
				$(window).resize(fixContentWidth);
				fixContentWidth();
	  		}  
		});
	}else{
		window.setTimeout('doFirstQueryFun()',500);
	}
}
//resize
function fixContentWidth(){
	var minwidth=1050;
 //$('#frame_windows').width($(window).width()-$('#frame_tool').outerWidth()-5);
	 try{
		 $('.frame_title').width($(window).width()<minwidth?minwidth:$(window).width()-20);
		 $('#mygrid').datagrid('resize',{width:$(window).width()<minwidth?minwidth:$(window).width(),height:$(window).height()-$('#np').outerHeight()-70});}catch(e){};
}




{"total":28,"rows":[
	{"productid":"FI-SW-01","productname":"Koi","unitcost":10.00,"status":"P","listprice":36.50,"attr1":"Large","itemid":"EST-1"},
	{"productid":"K9-DL-01","productname":"Dalmation","unitcost":12.00,"status":"P","listprice":18.50,"attr1":"Spotted Adult Female","itemid":"EST-10"},
	{"productid":"RP-SN-01","productname":"Rattlesnake","unitcost":12.00,"status":"P","listprice":38.50,"attr1":"Venomless","itemid":"EST-11"},
	{"productid":"RP-SN-01","productname":"Rattlesnake","unitcost":12.00,"status":"P","listprice":26.50,"attr1":"Rattleless","itemid":"EST-12"},
	{"productid":"RP-LI-02","productname":"Iguana","unitcost":12.00,"status":"P","listprice":35.50,"attr1":"Green Adult","itemid":"EST-13"},
	{"productid":"FL-DSH-01","productname":"Manx","unitcost":12.00,"status":"P","listprice":158.50,"attr1":"Tailless","itemid":"EST-14"},
	{"productid":"FL-DSH-01","productname":"Manx","unitcost":12.00,"status":"P","listprice":83.50,"attr1":"With tail","itemid":"EST-15"},
	{"productid":"FL-DLH-02","productname":"Persian","unitcost":12.00,"status":"P","listprice":23.50,"attr1":"Adult Female","itemid":"EST-16"},
	{"productid":"FL-DLH-02","productname":"Persian","unitcost":12.00,"status":"P","listprice":89.50,"attr1":"Adult Male","itemid":"EST-17"},
	{"productid":"AV-CB-01","productname":"Amazon Parrot","unitcost":92.00,"status":"P","listprice":63.50,"attr1":"Adult Male","itemid":"EST-18"}
]}


	$("#searchBtn").bind({
		click : function(){
			//var queryParams= $('#mygrid').datagrid('options').queryParams;
			//alert($.toJSON(queryParams));
			if($("#searchForm").form('validate')==false){
				return ;
			}
			var formdata = $("#searchForm").serializeObject();
			$.messager.progress({
				text : '<vxi:i18n keyword="" options="{zh:'正在查询...',en:'Processing,Please wait...'}"/>',
				interval : 100
			});
			$.post(url, 
				$.extend({searched:true},formdata),
				function(data){
					$.messager.progress('close');
					var options={url:''};
					options.queryParams=formdata;
					options.columns= data.columns;//[[{field:'unitname',title:'单元',width:160}]];
					options.data=data;//{total:300,'rows':[]};
					options.pageNumber=1;
					$('#mygrid').datagrid(options);
				},
				'json');	
		 }   
	});
分享到:
评论

相关推荐

    easyui datagrid 数据导出到Excel

    下面将详细介绍两种有效的方法来实现EasyUI Datagrid数据导出到Excel的功能,并结合提供的文件名来推测具体实现步骤。 **方法一:使用JavaScript库(例如wxport)** 文件`wxport excel.txt`可能包含了使用wxport库...

    easyui datagrid 分页查询样例

    在本项目中,"easyui datagrid 分页查询样例"是利用EasyUI Datagrid与后端SpringMVC框架集成,实现数据的后台分页查询功能。下面将详细阐述这一知识点。 首先,EasyUI Datagrid的核心在于其强大的数据绑定能力,它...

    扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件完整版Demo下载

    jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像(onMouseOver/onMouseOut) Demo 扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件,源码奉献!!!

    JS EasyUI DataGrid动态加载数据

    JS EasyUI DataGrid是一款基于jQuery和EasyUI框架的数据表格组件,它提供了丰富的功能,如数据分页、排序、过滤和自定义操作等。在实际应用中,动态加载数据是DataGrid的一个重要特性,允许用户在需要时加载更多的...

    Easyui Datagrid 实现行过滤[模糊查询]

    在IT领域,尤其是在Web开发中,EasyUI是一个广泛使用的JavaScript框架,它基于jQuery,提供了丰富的UI组件,如Datagrid,用于构建数据展示和管理的表格。在本篇中,我们将深入探讨如何在EasyUI的Datagrid中实现行...

    easyui datagrid 表格 打印

    4. **使用JavaScript打印库**:可以利用像jsPDF这样的库,将Datagrid数据转换为PDF文档,再进行打印。这种方式不仅能够保留格式,还便于用户保存和分享。 5. ** formatter回调**:在打印前,通过遍历Datagrid的所有...

    解决EasyUIdataGrid列比较多,无数据,列展现不全

    ### 解决EasyUI dataGrid列较多时无数据显示不全的问题 在使用EasyUI框架进行前端开发的过程中,可能会遇到dataGrid组件在数据为空时列显示不完整的问题。这不仅影响用户体验,也降低了系统的可用性。本文将详细...

    easyui datagrid中实现上下左右、回车切换单元格

    easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格

    EasyUI DataGrid过滤用法实例

    在这个"EasyUI DataGrid 过滤用法实例"中,我们将深入探讨如何利用 EasyUI 的 DataGrid 组件实现数据过滤功能,帮助用户更高效地查找和管理表格中的信息。 首先,`datagrid-filter.js` 文件很可能包含了实现过滤...

    easyui datagrid 右冻结

    EasyUI是一个基于jQuery的UI库,提供了丰富的组件,包括datagrid,它是一个用于展示表格数据的组件。在某些场景下,用户可能希望在滚动表格时,某些重要的列(通常是标题或标识列)始终保持可见,这就是“右冻结”的...

    easyui datagrid 增加鼠标悬停弹窗事件

    EasyUI的Datagrid是一个强大的表格组件,它可以显示大量数据并支持排序、分页、过滤和编辑等功能。在Web应用中,Datagrid常用于展示结构化的数据,使用户能够高效地浏览和操作信息。 2. **鼠标悬停事件**: 在...

    easyui datagrid在编辑状态下更新列的值

    在使用EasyUI框架开发Web应用时,Datagrid组件是一个非常重要的元素,它提供了一种方便的方式来展示和操作数据。在标题“easyui datagrid在编辑状态下更新列的值”中,我们关注的是如何在Datagrid的编辑模式下动态地...

    落阳-利用NPOI将EasyuiDatagrid数据导出到Excel-ASP.NET MVC Demo

    本示例项目"落阳-利用NPOI将EasyuiDatagrid数据导出到Excel-ASP.NET MVC Demo"提供了一个解决方案,通过使用NPOI库来实现这一功能。 NPOI是一个强大的.NET库,它允许开发者在.NET环境中读写Microsoft Office文件,...

    easyui datagrid 多条件筛选 可复选 类似淘宝筛选

    首先,`datagrid`是EasyUI中的一个核心组件,它用于展示数据表格,支持分页、排序、过滤等多种操作。在实现多条件筛选时,我们需要对datagrid的`columns`属性进行配置,定义每一列的显示方式和筛选条件。例如,我们...

    jquery easyui datagrid demo

    Datagrid 是 jQuery EasyUI 中一个强大的数据展示组件,常用于表格数据的展示和操作,支持分页、排序、过滤、编辑等功能。通过阅读这份文档,我们可以了解 Datagrid 的基本配置和高级特性,以及如何与后端数据源进行...

    EasyUI Datagrid 中文排序的问题

    默认情况下,EasyUI Datagrid 支持基本的数据排序功能,但其默认排序逻辑是基于字符编码的,因此无法直接实现中文按拼音顺序的排序。 #### 三、前端解决方案 对于前端来说,可以通过自定义排序函数的方式来实现中文...

    SSM+EasyUI DataGrid 实现增删改查,分页,排序

    使用SSM框架+EasyUI DataGrid数据表格实现了基本的增删改查,以及对数据分页,排序功能的实现。是一个对于后台管理的很好的例子,因为一般企业后台管理都是使用EasyUI等框架快速搭建,而且DataGrid是EasyUI最重要的...

    easyui Datagrid 数据列表比较上一个上传的增加了超链接并传值、条件清空、日期控件清空和数据修改功能

    EasyUI的Datagrid是一款强大的数据展示组件,常用于Web应用中的数据管理。它提供了一整套功能,使得在网页上实现复杂的数据操作变得简单。基于提供的标题和描述,我们可以深入探讨以下几个关键知识点: 1. **超链接...

    easyUI datagrid 行上移,下移,置顶,置底的方法

    easyUI datagrid 行上移,下移,置顶,置底的方法

    easyui的datagrid的数据渲染

    easyui的datagrid的数据渲染

Global site tag (gtag.js) - Google Analytics