Question

我正在尝试使用位于DOM

中的对象数组初始化数据表

我有简单的数据表初始化代码：

$(document).ready(function () {
    $('#ManageSubReps').DataTable({
        data: GetSRData(),
        columns: [
            { "data": "username" },
            { "data": "AspNetUserRoleName" },
            { "data": "Name" },
            { "data": "Address" },
            { "data": "City" },
            { "data": "State" },
            { "data": "Zip" },
            { "data": "EmailAddress" },
            { "data": "HomePhone" },
            { "data": "CellPhone" },
            { "data": "New_Rep" },
            { "data": "Stand_By" },
            { "data": "DateApproved" },
            { "data": "AspNetUserID" }
        ]
    });
});

我的GetSRData函数如下所示：

function GetSRData() {
    return @Html.Raw(Model.JsonData)
}

我的服务器端代码如下所示：

public ActionResult ManagerSubReps(){
var model = new ManageSubRepsViewModel();
model.JsonData = JsonConvert.SerializeObject(new {data = _iManageSubRepsManager.GetSubRepsAsync(Session["CID"])});

return View(model);
}

我的数据剪辑如下：

{"data":[{"username":"01001MC","MASTER":null,"Name":"A name","Address":"105 Address Dr.","City":"Agawam","State":"MA","Zip":"89898","EmailAddress":"blerb@yahoo.com","HomePhone":"","CellPhone":"8767878767","New_Rep":"False","Stand_By":"False","DateApproved":null,"AspNetUserID":null,"AspNetUserRoleName":null},{"username":"01002RG","MASTER":"False","Name":"Blooby palooby","Address":"7 Eaton drive, gumbie@Gmail.Com","City":"Amherst","State":"MA","Zip":"35656","EmailAddress":"chumpy@GMAIL.COM","HomePhone":"","CellPhone":"8986786654","New_Rep":"False","Stand_By":"False","DateApproved":null,"AspNetUserID":null,"AspNetUserRoleName":null}]}

HTML：

<table id="ManageSubReps" class="compact display">
    <thead>
        <tr>
            <th>Username</th>
            <th>Role</th>
            <th class="dt-left">Name</th>
            <th class="dt-left">Address</th>
            <th class="dt-left">City</th>
            <th>State</th>
            <th>Zip</th>
            <th class="dt-left">Email</th>
            <th>Home Phone</th>
            <th>Cell Phone</th>
            <th>New Rep</th>
            <th>Stand By</th>
            <th>Approved Date</th>
            <th></th>
        </tr>
    </thead>
</table>

当我返回数据并尝试初始化数据表时，可能会发生两件事：

如果我删除了Json对象的“data”部分，那么datatales将呈现数据表，但不会有任何数据
如果我离开Json对象的“data”部分，那么数据表将给出错误：'为行0，列0'请求未知参数'0'。这基本上意味着它无法区分数据并与数据形成数据。

我检查了列数据，它完全匹配。我无法弄清楚问题是什么。

有人可以帮忙吗？

Answer 1

尝试ajax而非数据＆amp;用于获取ajax数据的完全限定的url（控制器/ api方法）：

$(document).ready(function() {
    $('#ManageSubReps').DataTable( {
        "processing": true,
        "serverSide": true,
        "ajax": "ManagerSubReps",
        columns: [
          { "data": "username" },
          { "data": "AspNetUserRoleName" },
          { "data": "Name" },
          { "data": "Address" },
          { "data": "City" },
          { "data": "State" },
          { "data": "Zip" },
          { "data": "EmailAddress" },
          { "data": "HomePhone" },
          { "data": "CellPhone" },
          { "data": "New_Rep" },
          { "data": "Stand_By" },
          { "data": "DateApproved" },
          { "data": "AspNetUserID" }
        ]
    } );
} );

请参阅https://datatables.net/examples/server_side/object_data.html了解详情。

Datatable - DOM源对象数组不会加载数据

1 个答案: