使用jQuery綁定JSON數據的DataTable從服務器

Question

我的JSON數據

[ 
    { 
     "INVESTORREF": null, 
     "PROCFLAG": "Processed", 
     "LOCKINBALANCE": 0, 
     "ISIN": "BD0401ALHAJ8", 
     "STATUS": "Pending", 
     "RECORDDATE": "\/Date(1417284000000)\/", 
     "EXCEPTIONDETAILS": null, 
     "ISEXCEPTION": null, 
     "ISCREDIT": "Y", 
     "SEQUENCENO": null, 
     "PREMIUM": null, 
     "FREEZEBALANCE": 0, 
     "CAID": "345d457a-a500-43e9-b935-faf889cbf14e", 
     "IMPORTDATE": "\/Date(1427000124666)\/", 
     "LASTUPDATED": "\/Date(1427000124666)\/", 
     "CATYPE": "BONUS", 
     "EFFECTIVEDATE": "\/Date(1326132000000)\/", 
     "BOID": "1205150002440950", 
     "FREEBALANCE": 5020, 
     "INSTRUMENTNAME": "Business Object Solutions", 
     "DRCRFLAG": "CREDIT" 
    } 
] 

我想這個數據與jQuery的數據表

$('#myTable').dataTable(); 

結合我如何綁定的DataTable？需要這個JSON數據幫幫我。 在此先感謝。

Answer 1

這將幫助：

var jsonDataFromServer = [ 
    { 
     "INVESTORREF": null, 
     "PROCFLAG": "Processed", 
     "LOCKINBALANCE": 0, 
     "ISIN": "BD0401ALHAJ8", 
     "STATUS": "Pending", 
     "RECORDDATE": "\/Date(1417284000000)\/", 
     "EXCEPTIONDETAILS": null, 
     "ISEXCEPTION": null, 
     "ISCREDIT": "Y", 
     "SEQUENCENO": null, 
     "PREMIUM": null, 
     "FREEZEBALANCE": 0, 
     "CAID": "345d457a-a500-43e9-b935-faf889cbf14e", 
     "IMPORTDATE": "\/Date(1427000124666)\/", 
     "LASTUPDATED": "\/Date(1427000124666)\/", 
     "CATYPE": "BONUS", 
     "EFFECTIVEDATE": "\/Date(1326132000000)\/", 
     "BOID": "1205150002440950", 
     "FREEBALANCE": 5020, 
     "INSTRUMENTNAME": "Business Object Solutions", 
     "DRCRFLAG": "CREDIT" 
    } 
] 
jsonDataFromServer = jsonDataFromServer[0]; 
var keys = Object.keys(jsonDataFromServer), 
    data = []; 
$.each(keys, function(i, val){ 
    data.push(new Array(val, jsonDataFromServer[val])); 
}); 
$('#myTable').dataTable({ 
    "data": data, 
    "columns": [ 
     { "title": "Name" }, 
     { "title": "Value" } 
    ] 
}); 

Answer 2

招呼只要按照這個例子

https://datatables.net/examples/server_side/select_rows.html