EasyUI DataGrid中loadFilter 属性的用法

港控/mmm° 2022-07-15 05:17 315阅读 0赞

# Init根据固定字段 渲染列表 #

### 传参类型必须为json object ###

![Center][]

# 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,  
                "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'属性的标准数据对象

[Center]: /images/20220715/3b5e27b0363443cf80aef7219224e13d.png