文档章节

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

雾霾中的程序猿
 雾霾中的程序猿
发布于 2016/06/17 14:08
字数 451
阅读 939
收藏 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
博文 11
码字总数 3300
作品 0
北京
后端工程师
Easy ui 的 datagrid columns的formatter渲染问题

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

云海逍遥生
2015/08/31
1K
1
JQuery Easy Ui 可装载组合框 - ComboBox

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

Amamatthew
2014/09/19
0
0
easy ui 中的datagrid中实现动态加载添加行

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

wuhui100713
2010/08/22
1K
1
在分页状态下删除纪录的问题

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

晨曦之光
2012/03/09
25
0
DataGrid在分页状态下删除纪录的问题

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

晨曦之光
2012/03/09
18
0

没有更多内容

加载失败,请刷新页面

加载更多

原型模式

1、原型模式-定义 用原型实例指定创建对象的种类,并且通过拷贝这些原型创建新的对象 克隆(浅度克隆->拷贝值类型或者引用,深度克隆->创建新的对象,开辟新的内存) 例如客户端知道抽象Pro...

阿元
今天
47
0
awk命令扩展使用操作

awk 中使用外部shell变量 示例1 [root@centos01 t1022]# A=888[root@centos01 t1022]# echo "" | awk -v GET_A=$A '{print GET_A}'888[root@centos01 t1022]# echo "aaaaaaaaaaaaa" | aw......

野雪球
今天
41
0
深入解析MySQL视图VIEW

Q:什么是视图?视图是干什么用的? A:视图(view)是一种虚拟存在的表,是一个逻辑表,本身并不包含数据。作为一个select语句保存在数据字典中的。   通过视图,可以展现基表的部分数据;...

IT--小哥
今天
45
0
虚拟机学习之二:垃圾收集器和内存分配策略

1.对象是否可回收 1.1引用计数算法 引用计数算法:给对象中添加一个引用计数器,每当有一个地方引用它时,计数器值就加1;当引用失效时,计数器值就减1;任何时候计数器值为0的对象就是不可能...

贾峰uk
今天
40
0
smart-doc功能使用介绍

smart-doc从8月份底开始开源发布到目前为止已经迭代了几个版本。在这里非常感谢那些敢于用smart-doc去做尝试并积极提出建议的社区用户。因此决定在本博客中重要说明下smart-doc的功能,包括使...

上官胡闹
昨天
47
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部