您的位置:首页 > 产品设计 > UI/UE

EasyUI DataGrid中loadFilter 属性的用法

2016-01-20 18:04 429 查看

DataGrid属性中有一个用于过滤数据的属性loadFilter

   可以根据需求进行过滤,示例如下:
  $('#dg_fc').datagrid({
fit : true,
method : 'post',
url : rootPath + 'overdue_query_list.xhtml',
rownumbers : true, 
toolbar :'#toolbar_fc', //指定toolbar
singleSelect : true, 
nowrap : true,
striped : true, 
remoteSort :false, 
pagination : true, 
pageSize : 15, 
pageList : [5,10,15,20,25,30,35,40,45,50], 
frozenColumns:[[{field:'id', checkbox:true}]],
columns : columns_fc,
loadFilter : function(data){
//过滤数据
var value={
total:data.total,
rows:[]
};
var x=0;
for (var i = 0; i < data.rows.length; i++) {  
if(data.rows[i].tranModel.productType=="01"){
value.rows[x++]=data.rows[i];

}
}
return value;
},

            onLoadSuccess : function() { 
//在数据加载成功的时候触发
$('#dg_fc').datagrid('clearChecked');
$("#dg_fc").datagrid('tooltip');       //数据过长会浮动显示
}
}};

中:
loadFilter : function(data){
 //过滤数据
var value={
total:data.total,
rows:[]
};
var x=0;
 for (var i = 0; i < data.rows.length; i++) {  
 if(data.rows[i].tranModel.productType=="01"){
 value.rows[x++]=data.rows[i];

 }
 }
 return value;
}

可以使用自己逻辑进行过滤数据,用于在data中展示。

原数据如下:
{

    "total": 1,

    "rows": [

        {

            "tid": "30",

            "name": "小四",

            "no": "500240198408085770",

            "surplusamount": null,

            "maxamount": null,

            "creditpoint": null,

            "phone": "12300000000",

            "tranModel": {

                "id": 30,

                "userId": 1,

                "state": 8,

                "errorMsg": null,

                "loanInitRate": 0.0005,

                "loanRealRate": 0.0005,

                "loanInitManageRate": 0.001333,

                "loanRealManageRate": 0.001333,

                "loanReceipts": "tjk012016011500006",

                "transReceipts": "075598712016000000027-013",

                "loanPrincipal": 1000,

                "loanDate": 1452443160000,

                "planRepayDays": 7,

                "planRepayDate": 1452960000000,

                "planRepayInterest": 54.99,

                "planRepayAccrual": 15,

                "planRepayFee": 39.99,

                "planRepayAmount": 1054.99,

                "fixThirdpartyCost": 2,

                "loanSysCardID": 1,

                "loanUserCardID": 1,

                "reviewDate": 1452788760000,

                "reviewSysUser": 9999,

                "transferDate": 1452443160000,

                "transferSysUser": 9999,

                "leftAmount": 1000,

                "leftRepayInterest": 0,

                "realRepayDate": null,

                "realRepayDays": 9,

                "realRepayInterest": null,

                "realRepayAccrual": null,

                "realRepayFee": null,

                "realRepayOverDueAccrual": null,

                "realRepayOverDueFee": null,

                "realRepayAmount": null,

                "realRepayPrincipal": null,

                "realThirdpartyCost": null,

                "repaySysCardID": null,

                "failCause": null,

                "contractSignature": "",

                "contractState": 1,

                "oldState": null,

                "repayReceipts": null,

                "discountAmount": 0,

                "discountType": null,

                "couponNo": null,

                "comments": null,

                "version": 1,

                "productType": "01",

                "overdueRate": 0.0002,

                "overdueManageRate": 0.0005332,

                "phasedNums": null,

                "repayTimes": 0,

                "isLoanNormCheck": 1,

                "illegalUseAdd": null,

                "overDueAdd": null,

                "iVersion": 2,

   
a5a8
            "thirdpartyRepayFeeRate": null

            },

            "bankCard": "中国银行 尾号0000",

            "bankCode": 3,

            "accountNo": "6212480000000000",

            "msgCount": null,

            "apartDay": null,

            "loanPoundage": 54.99,

            "overdueAmount": 5.13,

            "overdueDay": 3,

            "bankName": "中国银行",

            "prmList": null,

            "reviewSysUserStr": null,

            "apartDayFQ": null,

            "currentTime": null

        }

    ]

}

该例子中以字段json中productType进行过滤,返回满足条件的数据,去除不符合条件数据。

注意:这个函数必须返回包含'total'和'rows'属性的标准数据对象。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  easyui datagrid