easyUi datagrid 初始化不加载数据

easyUi在后台数据量很大的情况下加载数据是非常慢的,因为easyUi在初始化时有url的情况下是默认加载一遍url,我们在初始化时可以这样做

url赋为''

datagrid = $('#datagrid').datagrid({
				url : '',
				title : '',
				pagination : true,
				pageSize : 10,
				pageList : [10,20,30,40,50],
				fit : true,
				border : false,
			  	idField : 'id',
				toolbar : '#toolbar',
				striped: false,	
				rownumbers:true,
				fitcolumns:true,
				singleSelect:true,
				columns : [[{
					field : 'with_hold_number',
					title : '代扣编号',
					width : 100
				},{
					field : 'customer_name',
					title : '客户姓名',
					width : 80
				},{
					field : 'applyId',
					title : '借款申请编号',
					width : 80
				},{
					field : 'loanProduct',
					title : '借款产品',
					width : 150,
					formatter : function( value , rowData , rowIndex ){
                    	if(value != null && value != ''){
                    		return value;
                    	}
                    	return '现金循环贷';
                    }
				},{
					field : 'total_money',
					title : '金额',
					width : 80,
					formatter : function( value , rowData , rowIndex ){
                           if ( value!=null&&value!=""&&value!=undefined){
                           		return fmoney ( value, 2 );
                           }else{
                           		return value ;
                           }
                    }
				},{
					field : 'principal',
					title : '本金',
					width : 80,
					formatter : function( value , rowData , rowIndex ){
                           if ( value!=null&&value!=""&&value!=undefined){
                           		return fmoney ( value, 2 );
                           }else{
                           		return value ;
                           }
                    }
					
				},{
					field : 'interest',
					title : '利息',
					width : 80,
					formatter : function( value , rowData , rowIndex ){
                           if ( value!=null&&value!=""&&value!=undefined)
                                return fmoney ( value, 2 );
                           return value ;
                    }
					
				},{
					field : 'overdue_server_money',
					title : '违约金',
					width : 80,
					formatter : function( value , rowData , rowIndex ){
                           if ( value!=null&&value!=""&&value!=undefined){
                           		return fmoney ( value, 2 );
                           }else{
                           		return value ;
                           }
                    }
				},{
					field : 'money',
					title : '出借人金额',
					width : 100,
					formatter : function( value , rowData , rowIndex ){
                           if ( value!=null&&value!=""&&value!=undefined){
                           		return fmoney ( value, 2 );
                           }else{
                           		return value ;
                           }
                    }
				},{
					field : 'split_amount',
					title : '分账金额',
					width : 80,
					formatter : function( value , rowData , rowIndex ){
                           if ( value!=null&&value!=""&&value!=undefined){
                           		return fmoney ( value, 2 );
                           }else{
                           		return value ;
                           }
                    }
				},{
					field : 'interest_rebate_money',
					title : '退息金额',
					width : 80
				},{
					field : 'serlNum',
					title : '流水号',
					width : 180
				},{
					field : 'payChannel',
					title : '支付三方',
					width : 80
				}]]
			});

通过表单提交来去后台查询能提高用户体验
form表单增加onclick事件

function searchFun() {
			var treeDept=$("#saleDeptSelect").val();
			var seleDept=$("#businessDepartmentCode").combobox("getValue");
			if((treeDept!=null&&treeDept!='')&&(seleDept!=null&&seleDept!='')){
				$.messager.alert('提示信息','暂不支持营业部门树状和下拉同时筛选，请选择其一！','info');
				return false;
			}
			
			var customerName = $("#customerName").val();
			var mobile = $("#mobile").val();
			if((null == mobile || '' == mobile) && (null==customerName || ''== customerName)){
				$.messager.alert('提示信息','手机和姓名为必填，请选择其一！','info');
				return false;
			}

			
			datagrid.datagrid({url:'${app}/app/transWater/transWaterAction_repaymentListByLaw.shtml'});
			datagrid.datagrid('load',serializeObject($("#searchForm")));
		}

重点是

datagrid.datagrid({url:''});

赋值这个中括号一定不能少

datagrid.datagrid('load',serializeObject($("#searchForm")));

load会提交表单参数到url