服务器端数据表处理但数据不显示

Question

目前正在尝试获取使用 C# 和 MVC 的服务器端数据表。 我已经到了使用 javascript 中的 ajax 调用从服务返回数据的地步，但数据表仍在处理中......

而且返回的数据看起来也不错：

Javascript：

var accountTable = $("#accountTable").DataTable({
    processing: true,
    serverSide: true,
    ajax: {
        url: '/Entity/AjaxGetJsonData?entityId=' + $("#AdviserId").val(),
        type: "GET",
        columns: [
            { "data": "Date", "orderable": true },
            { "data": "OtherEntity", "orderable": false },
            { "data": "Description", "orderable": false },
            {
                "sDefaultContent": "",
                "sClass": "dtAlignRight",
                "mRender": function (data, type, row) {
                    if (row.Amount.charAt(1) == '-') {
                        var negativeAmount = row.Amount.slice(2);
                        return "-$" + negativeAmount;
                    }
                    else {
                        return row.Amount;
                    }
                }
            }
        ],
        success: function (msg) {
            //do something here
        }
    }
});

C# 返回数据：

[Authorize]
    public ActionResult AjaxGetJsonData(int entityId, int draw)
    {
        List<TransactionView> transactions = CommissionService.GetDefaultTransactions(entityId);
        List<DataItem> items = TransformToDataItem(transactions);
        string search = Request.QueryString["search[value]"];
        int sortColumn = -1;
        //string sortDirection = "asc";
        if (Request.QueryString["order[0][column]"] != null)
        {
            sortColumn = int.Parse(Request.QueryString["order[0][column]"]);
        }
        DataTableData table = new DataTableData();
        table.draw = draw;
        table.recordsTotal = items.Count;
        table.data = items;
        table.recordsFiltered = items.Count;

        return Json(table, JsonRequestBehavior.AllowGet);
    }

其他相关的东西：

public List<DataItem> TransformToDataItem(List<TransactionView> transactions)
{
    List<DataItem> results = new List<DataItem>();
    foreach (TransactionView view in transactions)
    {
        DataItem item = new DataItem();
        item.Date = view.Date;
        item.OtherEntity = view.OtherEntity.Trim();
        item.Description = view.Description.Trim();
        item.Amount = view.Amount;
        results.Add(item);
    }
    return results;
}

public class DataItem
{
    public string Date { get; set; }
    public string OtherEntity {get; set;}
    public string Description { get; set; }
    public string Amount { get; set; }
}

public class DataTableData
{
    public int draw { get; set; }
    public int recordsTotal { get; set; }
    public int recordsFiltered { get; set; }
    public List<DataItem> data { get; set; }
}

我是否缺少某些东西导致数据表始终在处理并且从不使用数据填充表？

Answer 1

Columns 应该是 DataTable 的子代，而不是 ajax 的子代。此外，success 可能是不必要的。请参阅reference中的示例

var accountTable = $("#accountTable").DataTable({
    processing: true,
    serverSide: true,
    ajax: {
        url: '/Entity/AjaxGetJsonData?entityId=' + $("#AdviserId").val(),
        type: "GET"
    },
    columns: [
         { "data": "Date", "orderable": true },
         { "data": "OtherEntity", "orderable": false },
         { "data": "Description", "orderable": false },
         {
              "sDefaultContent": "",
              "sClass": "dtAlignRight",
              "mRender": function (data, type, row) {
                    if (row.Amount.charAt(1) == '-') {
                         var negativeAmount = row.Amount.slice(2);
                         return "-$" + negativeAmount;
                    }
                    else {
                         return row.Amount;
                    }
              }
         }
    ]

});