Question

想要将HTML.actionlink添加到Jquery Datatable。

在其他人制作的现有网站上捣乱。对于添加数据，他们使用Jquery Datatable对我来说是新的。

这是数据表：

             this.oUserList = $('#UserList').dataTable({
                "bLengthChange": false,
                "bSort": true,
                "bRetreive": true,
                "bDestroy": true,
                "aaSorting": [[0, "asc"]],
                "bProcessing": true,
                "sAjaxSource": "@Url.Action("GetUsers","Users")",
                "sAjaxDataProp": "Result",
                "aoColumns": [
                    { "mDataProp": function(source, type, val) {
                        return source.FirstName + ' ' + source.LastName;
                    }, "bSortable": true },
                    { (1st column },
                    { 2ndcolumn},
                    {
                        3rd column
                        }, "bSortable": false },
                    {
                        4th column
                        }, "bSortable": false
                    },
                    {
                        5th column
                        }, "bSortable": false
                    },

我希望将其更改为操作链接

                    { (6th)
                        "mDataProp": function (source, type, val) {
                            return M2.JsonDateToString(source.DateLastLogin);
                        }, "bSortable": false
                    },

我的第6列是第5列的副本，但我需要的是一个动作链接，如下所示:(我通常如何实现它们）：

  <td>@Html.ActionLink("Edit Roles", "Edit", "Users", new { userName = "User\\" + u.UserName }, new { @class = "action" }) </td>

所以我想要的是如何将html actionLink添加到Jquery Datatable。

Answer 1

使用source json对象构建锚点：

这应该有效

{ 
   "mDataProp": function (source, type, val) {
          return '<a href="/Home/Edit/'+source.UserName+'">Edit Roles</a>'

   }, "bSortable": false
},

Answer 2

使用这篇文章www.codeproject.com/Articles/155422/jQueryANNTables-and-ASP-NET-MVC-Integration-Part

将html.actionLink添加到Jquery Datatable

2 个答案: