jQuery中数据表插件的服务器端处理失败

Posted 2023-05-09

【中文标题】jQuery中数据表插件的服务器端处理失败

【英文标题】：server side processing fails on datatable plugin in jquery

【发布时间】：2010-12-12 04:10:47

【问题描述】：

我正在使用来自 http://datatables.net/ 的 jquery 'datatables' 插件（我已经在他们的论坛上发布了这个，但我在这里发帖，因为我不确定它在那里得到答复的速度有多快）。但是，我无法将数据加载到表中。我正在尝试一个非常简单的示例，但它不断从 jquery.datatable.min.js 文件中返回说“Microsoft JScript 错误：'undefined' is null or not an object”。 它发生在第 440 行，即

var aColumns=sColumns.split(",")

我的控制器是

 public JsonResult Json()
        
            JsonResult res = null;

            object[] aa = new object[1];
            Reps reps = new Reps();
            reps.Name = "John";
            reps.Job = "Plumber";
            aa[0] = reps;
            var o = new
                        
                            sEcho = 1,
                            iTotalRecords = 1,
                            iTotalDisplayRecords = 1,
                            aaData = aa
                        ;

            res = Json(o);
            return res;

        

我的 jquery 文件是

var oTable;

$(document).ready(function() 

    //event handlers
    $("#uxAddReferral").click(OnAddReferralClick);
    $('#demo').html('<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"></table>');
    //setup the grid
    oTable = $('#uxReferralTable').dataTable(
               
            "bProcessing": true,
            "bServerSide": true,            
            "sAjaxSource": "/Referral/Json"
        
    );
);

html文件是（实际上是.spark）

<div id="demo"></div>
<div id="uxReferralTable">
</div>

有什么想法吗？？

【参考方案1】：

dataTables 用于column definitions 的变量是 aoColumns，而不是 aColumns。

【参考方案2】：

您的div#uxReferralTable 仍为空。你把一张桌子放到div#demo。