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;
                    }
              }
         }
    ]

});

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

1 个答案: