文档章节

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

雾霾中的程序猿
 雾霾中的程序猿
发布于 2016/06/17 14:08
字数 451
阅读 946
收藏 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 的loaddata 家在本地数据问题

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

LIPING234
2013/11/01
0
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
0

没有更多内容

加载失败,请刷新页面

加载更多

windows下让 jar 在后台运行的办法

windows下 运行 java jar 不出现 命令行 窗口 新建一个披处理 run.bat,内容如下 @echo off start javaw -jar xx.jar exit 双击运行即可。...

glen_xu
12分钟前
1
0
jdk1.8 lambda stream 指定的对象属性进行去重

原因:因为Stream提供的distinct()方法只能去除重复的对象,无法根据指定的对象属性进行去重,可以应付简单场景。 解决方案: //去重,共同信息保存到bizPledgeSupplierVOs里bizPledgeSupp...

INSISTQIAO
14分钟前
0
0
vue nextTick深入理解---vue性能优化、DOM更新时机、事件循环机制

定义[nextTick、事件循环] nextTick的由来: 由于vue的数据驱动视图更新是异步的,即修改数据的当下,视图不会立即更新,而是等同一事件循环中的所有数据变化完成之后再统一进行视图更新。...

JamesView
22分钟前
1
0
常用汉字编码

GB2312 仅包含大部分的常用简体汉字,但已经不能适应现在的需要; GB13000 由于GB2312的局限性,国家标准化委员会制定了GB13000编码; 但由于当时的硬件和软件都已经支持了GB2312,而GB13000...

晨猫
24分钟前
1
0
纳尼?我的Gradle build编译只要1s

https://juejin.im/post/5c00ec39e51d4555ec0394f6

SuShine
25分钟前
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部