文档章节

easy UI datagrid加载的时候默认不加载数据

雾霾中的程序猿
 雾霾中的程序猿
发布于 2016/06/17 14:08
字数 451
阅读 921
收藏 0
点赞 0
评论 0
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html>
<head>
<jsp:include page="../inc.jsp"></jsp:include>
<meta http-equiv="X-UA-Compatible" content="edge" />
<title>收入合同管理</title>
	<script type="text/javascript">
	var dataGrid;
	$(function() {
		//查询列表	
		dataGrid = $('#dataGrid').datagrid({
			url : '',
			striped : true,
			rownumbers : true,
			pagination : true,
			singleSelect : true,
			fitColumns: true,
			nowrap : false,
			idField : 'id',
			sortName : 'id',
			sortOrder : 'asc',
			pageSize : 20,
			pageList : [ 15, 20, 30 ],
			columns : [[{width : $(this).width() * 0.1,title : '合同名称',field : 'contactName',align : 'center',sortable : true}, 
						{width : $(this).width() * 0.1,title : '合同号',field : 'contactCode',align : 'center',sortable : true},
						{width : $(this).width() * 0.1,title : '合同额(万元)',field : 'contactAmount',align : 'center',sortable : true},
						{width : $(this).width() * 0.1,title : '合同签订日期',field : 'created',align : 'center',sortable : true},
						{width : $(this).width() * 0.12,title : '供应商',field : 'erpName',align : 'center'}
					]],
			toolbar : '#toolbar'
		});
	});

	//搜索
	function searchFun() {
		var options = dataGrid.datagrid('options');
		//获取查询参数
		var contactName=$('[name="contactName"]').val();
		var erpCode=$('[name="erpCode"]').val();
		var contactCode=$('[name="contactCode"]').val();
		//url 需要自己定义
		options.url = '${ctx}' + '/XXXX/XXXXX';
		options.queryParams = { 
				contactName: contactName, 
				erpCode: erpCode, 
				contactCode:contactCode 
		};
		//触发搜索
		dataGrid.datagrid(options);
	}
	
	//重置
	function reloadFun() {
		$("#contactName").val("");
		$("#erpCode").val("");
		$("#contactCode").val("");
		//刷新查询
		dataGrid.datagrid('reload');
		dataGrid.datagrid('clearChecked');
	}
	</script>
</head>
<body class="easyui-layout" data-options="fit:true,border:false">
	
	<div data-options="region:'center',fit:true,border:false">
		<table id="dataGrid" data-options="fit:true,border:false"></table>
	</div>

	<div id="toolbar" style="display: none;" class="datagrid-toolbar">
		<table data-options="fit:true,border:false">
			<tr>
				<td>合同名称</td>
				<td><input id="contactName" name="contactName" type="text" placeholder="请输入合同名称" class="span2" value=""/></td>
				<td>ERP编号</td>
				<td><input id="erpCode" name="erpCode" type="text" placeholder="请输入ERP编号" class="span2" value=""/></td>
				<td>合同编号</td>
				<td><input id="contactCode" name="contactCode" type="text" placeholder="请输入合同编号" class="span2" value=""/></td>
			</tr>
		</table>
		<a onclick="searchFun();" href="javascript:void(0);" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-search'">查询</a>
		<a onclick="reloadFun();" href="javascript:void(0);" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-reload'">重置</a>
	</div>
</body>
</html>

 

 

© 著作权归作者所有

共有 人打赏支持
雾霾中的程序猿
粉丝 2
博文 10
码字总数 3300
作品 0
北京
后端工程师
JQuery Easy Ui 可装载组合框 - ComboBox

可装载组合框 - ComboBox 继承自$.fn.combo.defaults,通过$.fn.combobox.defaults覆盖默认值 combobox显示的是一个可以编辑的文本框和一个下拉列表.允许用户从里面选择一个或者是多个值,用户...

Amamatthew ⋅ 2014/09/19 ⋅ 0

Easy ui 的 datagrid columns的formatter渲染问题

使用Easyui 的datagrid的组件,发现在$(function(){ //初始化datagrid}); 后,对formatter会执行一次渲染,结果是formatter:function(value,rowData,index){}是取不到数据的。等到$(funtion...

云海逍遥生 ⋅ 2015/08/31 ⋅ 1

jquery easyui 常见问题解决

/清空指定表单中的内容,参数为目标form的id注:在使用Jquery EasyUI的弹出窗口录入新增内容时,每次打开必须清空上次输入的历史数据,此时通常采用的方法是对每个输入组件进行置空操作:$("#...

乌鸦FB ⋅ 2012/03/27 ⋅ 0

easy ui 中的datagrid中实现动态加载添加行

easy ui 中的datagrid中实现动态加载添加行,其中有两个combox,这两个实现级联关系?不知道如何去做?

wuhui100713 ⋅ 2010/08/22 ⋅ 1

在分页状态下删除纪录的问题

在使用DataGrid分页的时候,正常情况下,绑定数据库列表纪录时会自动产生分页的效果,然而我发觉在删除纪录的时候总会发生"无效的 CurrentPageIndex 值。它必须大于等于 0 且小于 PageCount。...

晨曦之光 ⋅ 2012/03/09 ⋅ 0

DataGrid在分页状态下删除纪录的问题

在使用DataGrid分页的时候,正常情况下,绑定数据库列表纪录时会自动产生分页的效果,然而我发觉在删除纪录的时候总会发生"无效的 CurrentPageIndex 值。它必须大于等于 0 且小于 PageCount。...

晨曦之光 ⋅ 2012/03/09 ⋅ 0

datagrid 的loaddata 家在本地数据问题

这里的jquery.form实现了Ajax功能,在成功读取数据之后,返回的数据格式虽然是map<String,Object>类型了,格式已经是json格式,但是直接datagrid('loadData',data).出现错误, 搜索了很久之...

LIPING234 ⋅ 2013/11/01 ⋅ 0

easyui datagrid 的数据加载

这篇文章只谈jQuery easyui datagrid 的数据加载,因为这也是大家谈论最多的内容。其实easyui datagrid加载数据只有两种方式:一种是ajax加载目标url返回的json数据;另一种是加载js对象,也...

双月通天 ⋅ 2016/05/09 ⋅ 0

Jquery操作easy-ui表单

$("#id").combobox("select","value")//设置easy-ui下拉框的默认值是value $("#id").combobox("setValue","value")//为easy-ui下拉框的设置一个value值 $("#treecombobox").combobox("getVa......

CurtainRight ⋅ 2015/11/07 ⋅ 0

使用DataGrid动态绑定DropDownList

简单的使用模板列绑定DropDownList,初学者想必都会了,但有时候,我们要做的就是在编辑的时候想让某一列定制为DropDownList,并且根据正常情况下显示的值自动变换DropDownList中所选的值,然...

晨曦之光 ⋅ 2012/03/09 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Python爬虫,抓取淘宝商品评论内容

作为一个资深吃货,网购各种零食是很频繁的,但是能否在浩瀚的商品库中找到合适的东西,就只能参考评论了!今天给大家分享用python做个抓取淘宝商品评论的小爬虫! 思路 我们就拿“德州扒鸡”...

python玩家 ⋅ 22分钟前 ⋅ 0

MySQL 内核深度优化

MYSQL数据库适用场景广泛,相较于Oracle、DB2性价比更高,Web网站、日志系统、数据仓库等场景都有MYSQL用武之地,但是也存在对于事务性支持不太好(MySQL 5.5版本开始默认引擎才是InnoDB事务...

java高级架构牛人 ⋅ 44分钟前 ⋅ 0

用户登录信息-钉子效果(基于jquery2.0)

本js效果使用jquery2.0,清晰的分解用户登录信息的(钉子效果),该效果直接用在作者网站(www.phpkhbd.com)上。 里面的难点有:定时器,延时。 大致效果如下: 一开始: 鼠标放上去的时候:...

宁哥实战课堂 ⋅ 46分钟前 ⋅ 0

解决yum安装报错Protected multilib versions

使用yum安装报错Protected multilib versions原因是因为多个库不能共存,不过更新的话也并不行,但是可以在安装命令后面加上如下一段命令: --setopt=protected_multilib=false 案例: 比如需...

北岩 ⋅ 57分钟前 ⋅ 0

为什么要学习Typescript???

简单来说 目前的typescript就是未来的javascript 为什么?? 这要从ECMA-262标准的第4版说起 对了 我们说的ES5 其实是ECMAScript3.1这个替代性建议被扶正了而已... 那么 第4版标准是什么? 看看...

hang1989 ⋅ 今天 ⋅ 0

linux安装ipfs

一、下载ipfs # cd /usr/local/ipfs/ # wget https://dist.ipfs.io/go-ipfs/v0.4.15/go-ipfs_v0.4.15_linux-amd64.tar.gz # tar -zxvf go-ipfs_v0.4.15_linux-amd64.tar.gz 二、安装ipfs # ......

八戒八戒八戒 ⋅ 今天 ⋅ 0

jvm程序执行慢诊断手册

生产环境最多的几种事故之一就是程序执行慢,如果是web服务的话,表现就是响应时间长。本文分享,从业多年形成的排查守则。 诊断步骤 系统资源查看 首先是系统资源查看,而且必须是在第一步。...

xpbob ⋅ 今天 ⋅ 0

YII2 advanced 高级版本项目搭建-添加API应用以及多应用

一、YII安裝 安裝yii可以用composer安裝,也可以在yii中文社区下载归档文件安装 composer安装就不介绍了,因为要安装composer,比较麻烦,当然安装了composer是最好的,以后安装yii的插件要用...

botkenni ⋅ 今天 ⋅ 0

在jdk1.8的环境下模拟永久代内存溢出

相信不少小伙伴在看深入理解Java虚拟机的时候,作者给我们举例一个demo来发生PermGen space 1、通过List不断添加String.intern(); 2、通过设置对应的-XX:PermSize与-XX:MaxPermSize(更快看到...

虾几把写 ⋅ 今天 ⋅ 0

开发OpenDaylight组件的完整流程

在前面介绍学习了OpenDaylight的几个重要模块后,这里再来介绍下完整开发一个模块的过程。 OSGI的bundles提供被其他OSGI组件调用的服务。这个教程中展示的是Data Packet Service去解析数据包...

wangxuwei ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部