如何从jQuery数据表中的Ajax数据源获取mRender()函数中的隐藏列值

SM法哈德·阿里

我试图从asp.net mvc5中的ajax源创建jQuery数据表。我想添加一个额外的列用于编辑和删除,该列不在我的模型类或ajax数据源中。对于编辑和删除功能,我需要Id列的值,该值未在数据表中显示。

这是我的Model类:

public class Country
{
    public int Id { get; set; }
    [Required(ErrorMessage = "Country Code Name Must not be empty")]
    public String Code { get; set; }
    [Required(ErrorMessage = "Country Name Must not be empty")]
    public String Name { get; set; }
    [Required(ErrorMessage = "Template Name Must not be empty")]
    public String Template { get; set; }
    [Required(ErrorMessage = "SPViews Name Must not be empty")]
    public String SPViews { get; set; }
}

这是我的控制器:

    public ActionResult GetAll(JQueryDataTableParamModel param)
    {
        var countryList = _repository.GetAll().ToList();
        var filteredCountry = (from e in countryList
                               where (param.sSearch == null || e.Name.ToLower().Contains(param.sSearch.ToLower()))
                               select e).ToList();
        var result = from country in filteredCountry.Skip(param.iDisplayStart).Take(param.iDisplayLength)
                     select new[] { country.Id,country.Code, country.Name, country.Template, country.SPViews };

        return Json(new
        {
            sEcho = param.sEcho,
            iTotalRecords = countryList.Count(),
            iTotalDisplayRecords = filteredCountry.Count,
            aaData = result
        }, JsonRequestBehavior.AllowGet);
    }

这是我的html表:

<table id="countryListTable" class="table table-condensed">
<thead>
    <tr>
        <th>Id</th>
        <th>Code</th>
        <th>Name</th>
        <th>Template</th>
        <th>SPViews</th>
        <th>&nbsp;</th>
    </tr>
</thead>
<tbody>
</tbody>
</table>

最后是我的jQuery代码:

     var countryTable = $("#countryListTable").dataTable({
            "bServerSide": true,
            "bProcessing": true,
            "sAjaxSource": "/Country/GetAll",
            "aoColumns": [
                null,
                null,
                null,
                null,
                {     // fifth column (Edit link)
                    "mData": "Id",
                    "bSearchable": false,
                    "bSortable": false,
                    "mRender": function (nRow, aData) {
                        //need to get the Id column value
                        return '<a class="glyphicon glyphicon-pencil" href="/Country/Edit/">Edit</a><a class="glyphicon glyphicon-remove" href="/Country/Delete/">Delete</a>';
                    }
                }
            ]
        });

任何帮助,将不胜感激。问候 :)

SM法哈德·阿里

@ mg1075感谢您的答复。fnRender函数似乎已被弃用我没有尝试您的解决方案,但是我使用mRender函数修复了它所以这是我的解决方案:

      countryTable = $("#countryListTable").dataTable({
            "bServerSide": true,
            "bProcessing": true,
            "sAjaxSource": "/Country/GetAll",
            "aoColumns": [
                 { "bVisible": false },
                  null,
                  null,
                  null,
                  null,
                  {
                      mData: 0,//The Id column
                      "bSearchable": false,
                      "bSortable": false,
                      mRender: function (data, type, row) {

                          return '<a class="glyphicon glyphicon-pencil" onclick="editCountry(\'/Country/Edit/' + data + '\');return false;">Edit</a><a class="glyphicon glyphicon-remove" onclick="deleteCountry(\'/Country/Delete/' + data + '\');return false;">Delete</a>';
                      }
                  }],

        });

我认为两种方法都应该是完美的

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery数据表使用函数作为ajax数据源,而不是路径或url

来自分类Dev

如何遍历jquery数据表中的隐藏列

来自分类Dev

如何从数据绑定中获取数据源的值?

来自分类Dev

如何在Power Pivot中隐藏源数据表

来自分类Dev

如何使用Linq从数据表中获取列值

来自分类Dev

如何获取数据表的列中的值?

来自分类Dev

如何在 Angular 5 中为数据表实现数据源

来自分类Dev

基于Jquery数据表中基础数据的排序相当于mRender

来自分类Dev

JQuery DataTable-访问呈现函数中的ajax数据源与未定义的ajax数据源?

来自分类Dev

如何使用ajax从jquery数据表中嵌套的json子数组中获取数据

来自分类Dev

在数据表的隐藏列中获取input [type = hidden]的值

来自分类Dev

无法隐藏jquery数据表中的列显示TypeError:table.column不是函数

来自分类Dev

从Jquery数据表中隐藏LengthMenu

来自分类Dev

隐藏jQuery数据表中的链接

来自分类Dev

如何将一个ajax数据源与多个JQuery数据表一起使用

来自分类Dev

在UI中显示之前如何隐藏jQuery数据表

来自分类Dev

XPages。隐藏数据表中的列

来自分类Dev

当表为空时如何隐藏表-行的数据源中请求的未知参数'1'

来自分类Dev

如何获取隐藏的 ID 以删除 jQuery 数据表中的记录

来自分类Dev

如何从数据表中的服务器端jquery数据表获取图像src值?

来自分类Dev

如何从另一个用很少的列值过滤的数据表中获取子数据表?

来自分类Dev

Ajax加载后如何获取数据表中的行数

来自分类Dev

如何使用js数组作为数据源动态更新jquery数据表

来自分类Dev

如何从C#中的数据表中获取特定的列值

来自分类Dev

如何在C#中获取数据表中的列的值?

来自分类Dev

如何从数据表中获取选定的值

来自分类Dev

如何获取数据表中的行的值

来自分类Dev

如何从数据表中获取复选框值?

来自分类Dev

在类上单击数据表获取隐藏的列值

Related 相关文章

  1. 1

    jQuery数据表使用函数作为ajax数据源,而不是路径或url

  2. 2

    如何遍历jquery数据表中的隐藏列

  3. 3

    如何从数据绑定中获取数据源的值?

  4. 4

    如何在Power Pivot中隐藏源数据表

  5. 5

    如何使用Linq从数据表中获取列值

  6. 6

    如何获取数据表的列中的值?

  7. 7

    如何在 Angular 5 中为数据表实现数据源

  8. 8

    基于Jquery数据表中基础数据的排序相当于mRender

  9. 9

    JQuery DataTable-访问呈现函数中的ajax数据源与未定义的ajax数据源?

  10. 10

    如何使用ajax从jquery数据表中嵌套的json子数组中获取数据

  11. 11

    在数据表的隐藏列中获取input [type = hidden]的值

  12. 12

    无法隐藏jquery数据表中的列显示TypeError:table.column不是函数

  13. 13

    从Jquery数据表中隐藏LengthMenu

  14. 14

    隐藏jQuery数据表中的链接

  15. 15

    如何将一个ajax数据源与多个JQuery数据表一起使用

  16. 16

    在UI中显示之前如何隐藏jQuery数据表

  17. 17

    XPages。隐藏数据表中的列

  18. 18

    当表为空时如何隐藏表-行的数据源中请求的未知参数'1'

  19. 19

    如何获取隐藏的 ID 以删除 jQuery 数据表中的记录

  20. 20

    如何从数据表中的服务器端jquery数据表获取图像src值?

  21. 21

    如何从另一个用很少的列值过滤的数据表中获取子数据表?

  22. 22

    Ajax加载后如何获取数据表中的行数

  23. 23

    如何使用js数组作为数据源动态更新jquery数据表

  24. 24

    如何从C#中的数据表中获取特定的列值

  25. 25

    如何在C#中获取数据表中的列的值?

  26. 26

    如何从数据表中获取选定的值

  27. 27

    如何获取数据表中的行的值

  28. 28

    如何从数据表中获取复选框值?

  29. 29

    在类上单击数据表获取隐藏的列值

热门标签

归档