【问题标题】:Adding html.actionLink to Jquery Datatable将 html.actionLink 添加到 Jquery 数据表
【发布时间】:2014-11-18 09:24:39
【问题描述】:

想要将 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 数据表中。

【问题讨论】:

    标签: javascript jquery .net asp.net-mvc html.actionlink


    【解决方案1】:

    使用源json对象构建锚点:

    这应该可以工作

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

    【讨论】:

    • 嗯没有办法使用@Html.ActionLink 或Url.Action。而不是一个标签?
    • 我不确定,但无论如何你都不应该将 js 与服务器端混合使用。有很多理由说明你不应该把它们混在一起。例如,如果你想模仿你的代码,你不能或者你很难做到。
    • 如果您需要动态链接,为什么不将其添加到 json 中?
    【解决方案2】:

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

    【讨论】:

      猜你喜欢
      • 2012-05-19
      • 1970-01-01
      • 1970-01-01
      • 2013-09-09
      • 1970-01-01
      • 2015-12-14
      • 2011-10-15
      • 2020-12-20
      • 2019-05-19
      相关资源
      最近更新 更多