jQuery datatables 插件：从服务器获取 json 并显示表格答案

【问题标题】：jQuery datatables plugin : Get json from server and displaying tablejQuery datatables 插件：从服务器获取 json 并显示表格
【发布时间】：2014-08-04 12:41:31
【问题描述】：

我需要从服务器获取 JSON 并在表格中显示相同的内容。我无法将 JSON 对象从服务器映射到 DataTable 插件。

这是我的 javascript 代码：

<script type="text/javascript">
    var vm = null;
    $(function () {        
        vm = new TestViewModel();        
        ko.applyBindings(vm);
        $(document).ready(function () {
            $('#testtable').dataTable({
                "sAjaxSource": '@Url.Action("GetFiles", "Home")',                
                "aoColumns": [
                { "mData": "id" },
                { "mData": "createDate" }               
                ]               
            }); 
        });        
    });

这是我的控制器代码（动作）：

[HttpGet]
        public ActionResult GetFiles()
        {
           /*
           var result = /*Get object from database*/
           */
           return this.JsonSerialize(result)
        }

这里需要一些关于如何实现这一点的指导。谢谢。

【问题讨论】：

标签： c# asp.net-mvc-4 jquery-datatables

【解决方案1】：

I have model for MVC pattern:
    [DataContract]
    public class TestViewModelResult : ServiceResult
    {
        [DataMember(Name = "prototypes")]
        public List<PrototypeResult> Prototypes { get; set; }
}

I change script for page:

<script type="text/javascript">
    var vm = null;
    $(function () {        
        vm = new TestViewModel();        
        ko.applyBindings(vm);
        $(document).ready(function () {
            $('#testtable').dataTable({
                "bServerSide": false,
                "sAjaxDataProp": "prototypes",
                "sAjaxSource": '@Url.Action("GetFiles", "Home")',                
                "aoColumns": [
                { "mData": "id" },
                { "mData": "createDate" }               
                ]               
            }); 
        });        
    });
After that work fine

【讨论】：