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