如何在.NetCore MVC使用CloudTables控件实现分页

<section class="content">
    <div class="row">
        <div class="col-md-12">
            <div class="box">
                <div class="box-header">
                    <div class="form-group">
                        <label>Policy Type</label>
                        <div class="input-group" style="  50%;">
                            <select class="form-control" id="policyType" onchange="changePolicy()">
                                <option value="1">Australia Fundamental Policy</option>
                                <option value="2" selected="">Global Fundamental Policy</option>
                                <option value="3">NPM Policy</option>
                            </select>
                        </div>
                    </div>
                    <div class="box-body">
                        <table id="example" class="table table-bordered table-hover">
                            <thead>
                                <tr>
                                    <th>Id</th>
                                    <th>Policy Type</th>
                                    <th>Parent Category</th>
                                    <th>Category</th>
                                    <th>Content</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                    <!-- /.box-body -->
                </div>
            </div>
            <!-- /.col -->
        </div>
    </div>
    <!-- /.row -->
</section>
<!-- page script -->
<script src="~/js/Answer/Index.js?v=@(DateTime.UtcNow.Ticks)"></script>

////var urlPrefix = "/EquityAnswerTool";
var urlPrefix = "";

$(function () {
    Initial();
})

function Initial() {
    var modal = document.getElementById('starModal');
    modal.style.display = "block";
    var policyType = $("#policyType").val();
    //$.ajax({
    //    type: "GET",
    //    url: urlPrefix + "/Answer/List?policyType=" + policyType,
    //    dataType: "json",
    //    success: function (obj) {
    //        $('table').DataTable().destroy();
    //        $("table tbody tr").remove();
    //        if (obj && obj.Code == 1) {
    //            var tr = "";
    //            for (var i = 0; i < obj.Data.length; i++) {
    //                tr += "<tr>"
    //                tr += "<td><a href='" + urlPrefix + "/Answer/Edit?id=" + obj.Data[i].Id + "'>" + obj.Data[i].Id + "</a></td>";
    //                //tr += "<td>" + (obj.Data[i].PolicyType == 1 ? "Australia Fundamental Policy" : "Global Fundamental Policy") + "</td>";
    //                tr += "<td>" + getPolicy(obj.Data[i].PolicyType) + "</td>";
    //                tr += "<td>" + obj.Data[i].ParentContent + "</td>";
    //                tr += "<td>" + obj.Data[i].Category + "</td>";
    //                tr += "<td>" + obj.Data[i].Content + "</td>";
    //                tr += "</tr>"
    //            }
    //            $("table tbody").append(tr);
    //        }

    //        $('table').DataTable({
    //            //'retrieve': true,
    //            "pagingType": "full_numbers",
    //            'paging': true,
    //            'lengthChange': false,
    //            'searching': true,
    //            'ordering': false,
    //            'info': true,
    //            //'autoWidth': true
    //        });

    //        $('.row')[1].children[0].remove();

    //        modal.style.display = "none";
    //    }
    //});

    //$('#example').DataTable({
    //    //'retrieve': true,
    //    //"pagingType": "full_numbers",
    //    //'paging': true,
    //    //'lengthChange': false,
    //    //'searching': true,
    //    //'ordering': false,
    //    //'info': true,
    //    "processing": true,
    //    "serverSide": true,
    //    ajax: {
    //        type: "POST",
    //        url: urlPrefix + "/Answer/List",
    //        //dataType: "json",
    //        data: function (d) {
    //            return JSON.stringify({ parameters: d });
    //        }
    //    }
    //    //'autoWidth': true
    //});
    $('table').DataTable().destroy();
    $("table tbody tr").remove();

    $('#example').dataTable({
        "processing": true,
        "serverSide": true,
        "filter": true,
        "paging": true,
        //"lengthMenu": [5, 10, 15, 20],
        "responsive": true,
        "order": [[0, 'asc']],
        "ajax": {
            "url": urlPrefix + "/Answer/List",
            "datatype": "json",
            "data": { policyType },
            "type": "POST",
            //"success": function (data) {
            //    modal.style.display = "none";
            //}
            "dataSrc": function (json) {
                for (var i = 0, ien = json.data.length; i < ien; i++) {
                    json.data[i].Id = "<a href='" + urlPrefix + "/Answer/Edit?id=" + json.data[i].Id + "'>" + json.data[i].Id + "</a>";
                    json.data[i].PolicyType = getPolicy(json.data[i].PolicyType)
                }
                return json.data;
            }
        },
        "initComplete": function (settings, json) {
            modal.style.display = "none";
        },
        "columnsDefs": [
            { "target": 0 },
            { "target": 1 },
            { "target": 2 },
            { "target": 3 },
            { "target": 4 }
        ],
        "columns": [
            { "data": "Id" },
            { "data": "PolicyType" },
            { "data": "ParentContent" },
            { "data": "Category" },
            { "data": "Content" }
        ]
    });
}

function changePolicy() {
    Initial();
}

function getPolicy(policyType) {
    if (policyType == "1") {
        return "Australia Fundamental Policy";
    } else if (policyType == "2") {
        return "Global Fundamental Policy"
    } else if (policyType == "3") {
        return "NPM Policy"
    } else if (policyType == "4") {
        return "ECM"
    }
    return "";
}

       [HttpPost]
        public JsonResult List(int policyType)
        {
            //Search parameters
            var searchStr = Request.Form["search[value]"].FirstOrDefault();

            //Sorting parameters
            string sortColumn, sortDirection;
            sortColumn = Request.Form["columns[" + Request.Form["order[0][column]"].FirstOrDefault() + "][name]"].FirstOrDefault();
            sortDirection = Request.Form["order[0][dir]"].FirstOrDefault();

            //Pagination parameters
            string length = Request.Form["length"].FirstOrDefault();
            string start = Request.Form["start"].FirstOrDefault();

            int pagesize = length != null ? Convert.ToInt32(length) : 0;
            int skipRecords = start != null ? Convert.ToInt32(start) : 0;

            int recordsCount;

            var list = _EquityFundamentalsService.GetAnswers(policyType,searchStr, sortColumn,sortDirection,pagesize,skipRecords,out recordsCount);

            return Json(new { data = list, recordsFiltered = recordsCount, recordsTotal = recordsCount });
        }

 public IEnumerable<AnswerDto> GetAnswers(int policyType, string searchStr, string sortCol, string sortDir, int pageSize, int skipRecords, out int recordsCount)
        {
            Framework.Db.Chatbot.ChatbotContext _DbContext = new Framework.Db.Chatbot.ChatbotContext();

            var entityFundamentalsList = _DbContext.EquityFundamentals.Where(n => n.IsLeaf == true && n.PolicyType == policyType && n.Content.ToLower().Contains(searchStr.ToLower()));

            recordsCount = entityFundamentalsList.Count();

            switch (sortCol)
            {
                case "Id":
                    entityFundamentalsList = sortDir.ToLower() == "asc" ?
                        entityFundamentalsList.OrderBy(n => n.Id) : entityFundamentalsList.OrderByDescending(n => n.Id);
                    break;
                default:
                    break;
            }

            var result = entityFundamentalsList.Skip(skipRecords).Take(pageSize).ToList().Select(n => new AnswerDto
            {
                Id = n.Id,
                ParentContent = this.HandleUSCanadaCategory(n.Id, n.PolicyType),
                Category = _DbContext.EquityFundamentals.Where(c => c.Id == n.ParentId).FirstOrDefault()?.Content,
                Content = this.HandleContent(n.Content),
                Level = n.Level,
                PolicyType = n.PolicyType
            });

            return result;

        }