是否可以在jQuery DataTables中放置“编辑”和“删除”按钮?

拉吉什S

我是使用jQuery DataTable的初学者,并且尝试在具有动态数据绑定的jQuery DataTable中放置“编辑”和“删除”按钮,如下图所示:

在此处输入图片说明

但是我收到一条错误消息:

在此处输入图片说明

控制器动作

    public class PhoneNumber
    {
        public string Number { get; set; }
        public string Description { get; set; }
        public string Action { get; set; }
    }

    public ActionResult LoadPhoneNumbers()
    {
        var phoneNumbers = new List<PhoneNumber>(new[] 
        {
            new PhoneNumber { Number = "555 123 4567", Description = "George",Action="" },
            new PhoneNumber { Number = "555 765 4321", Description = "Kevin" ,Action="" },
            new PhoneNumber { Number = "555 555 4781", Description = "Sam",Action=""  }
        });

        return Json(new
        {
            aaData = phoneNumbers.Select(x => new[] { x.Number, x.Description })
        }, JsonRequestBehavior.AllowGet);
    }

的HTML

 <table id="tblAdminUsers" class="table table-striped table-bordered table-hover table-highlight table-checkable" 
                            data-info="true"
                            data-search="true"
                            data-paginate="true">
                            <thead>
                                <tr>                                       
                                    <th>Number</th>
                                    <th>Description</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>

脚本

$(function () {

    $("#tblAdminUsers").dataTable({
        bProcessing: true,
        sAjaxSource: '@Url.Action("LoadPhoneNumbers", "Admin")',
        aoColumns: [
             { mData: "Number" },
             { mData: "Description" },
             {
                 mData: "Action",
                 bSortable: false,
                 mRender: function (o) { return '<i class="ui-tooltip fa fa-pencil" style="font-size: 22px;" data-original-title="Edit"></i><i class="ui-tooltip fa fa-trash-o" style="font-size: 22px;" data-original-title="Delete"></i>'; }
             }
        ]
    });
});
拉吉什S

我只是删除mData属性中的aoColumns属性

在dataTable脚本中。

$(function () {

$("#tblAdminUsers").dataTable({
    bProcessing: true,
    sAjaxSource: '@Url.Action("LoadPhoneNumbers", "Admin")',
    aoColumns: [
         { bSortable: false, },
         { bSortable: false, },
         {
             bSortable: false,
             mRender: function (o) { return '<i class="ui-tooltip fa fa-pencil" style="font-size: 22px;" data-original-title="Edit"></i><i class="ui-tooltip fa fa-trash-o" style="font-size: 22px;" data-original-title="Delete"></i>'; }
         }
    ]
});});

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

是否可以在单击鼠标按钮时在 Pygame 中放置图像?

来自分类Dev

jQuery dataTables-如何添加编辑和删除选项

来自分类Dev

如何在jQuery Mobile中放置按钮

来自分类Dev

是否可以在选择查询中放置<if>条件

来自分类Dev

是否可以在布局中放置多张卡片?

来自分类Dev

是否可以使用jQuery DataTables添加数据集

来自分类Dev

是否可以使用jQuery DataTables添加数据集

来自分类Dev

是否可以在单选按钮更改时禁用/启用jquery功能

来自分类Dev

是否检测到“编辑”模式下的“滑动删除”按钮和“删除”按钮之间的区别?

来自分类Dev

jQuery:是否可以同时使用slideUp和附加文本?

来自分类Dev

是否可以并行运行jQuery slideup()和animate()

来自分类Dev

是否可以使用JQuery拖放和上传图像?

来自分类Dev

我可以使用Greasemonkey和jQuery在页面中放置适当的笑脸或图像吗?

来自分类Dev

您是否可以立即在Java中放置?

来自分类Dev

是否可以在.less组件中放置重复样式

来自分类Dev

是否可以通过编程方式在Web组件中放置元素?

来自分类Dev

是否可以在模板文档中放置关系矩阵?

来自分类Dev

您是否可以立即在Java中放置?

来自分类Dev

是否可以在报表中放置一个下拉列表?

来自分类Dev

是否可以在表单字段中放置标签?

来自分类Dev

是否可以在“ CSS样式文件”中放置“默认文本”?

来自分类Dev

是否可以添加编辑页面按钮来编辑和保存网页?

来自分类Dev

jQuery dataTables插件在排序/过滤后是否可以考虑交替的行颜色?

来自分类Dev

是否可以删除信号

来自分类Dev

是否可以删除vi?

来自分类Dev

是否可以删除`:〜`目录

来自分类Dev

按钮是否可以触发表单操作并让按钮触发jquery函数

来自分类Dev

无法在相对布局中放置3个按钮和1个编辑文本

来自分类Dev

是否有任何委托方法可以在 TableView 单元格编辑中启用带有删除的编辑按钮

Related 相关文章

  1. 1

    是否可以在单击鼠标按钮时在 Pygame 中放置图像?

  2. 2

    jQuery dataTables-如何添加编辑和删除选项

  3. 3

    如何在jQuery Mobile中放置按钮

  4. 4

    是否可以在选择查询中放置<if>条件

  5. 5

    是否可以在布局中放置多张卡片?

  6. 6

    是否可以使用jQuery DataTables添加数据集

  7. 7

    是否可以使用jQuery DataTables添加数据集

  8. 8

    是否可以在单选按钮更改时禁用/启用jquery功能

  9. 9

    是否检测到“编辑”模式下的“滑动删除”按钮和“删除”按钮之间的区别?

  10. 10

    jQuery:是否可以同时使用slideUp和附加文本?

  11. 11

    是否可以并行运行jQuery slideup()和animate()

  12. 12

    是否可以使用JQuery拖放和上传图像?

  13. 13

    我可以使用Greasemonkey和jQuery在页面中放置适当的笑脸或图像吗?

  14. 14

    您是否可以立即在Java中放置?

  15. 15

    是否可以在.less组件中放置重复样式

  16. 16

    是否可以通过编程方式在Web组件中放置元素?

  17. 17

    是否可以在模板文档中放置关系矩阵?

  18. 18

    您是否可以立即在Java中放置?

  19. 19

    是否可以在报表中放置一个下拉列表?

  20. 20

    是否可以在表单字段中放置标签?

  21. 21

    是否可以在“ CSS样式文件”中放置“默认文本”?

  22. 22

    是否可以添加编辑页面按钮来编辑和保存网页?

  23. 23

    jQuery dataTables插件在排序/过滤后是否可以考虑交替的行颜色?

  24. 24

    是否可以删除信号

  25. 25

    是否可以删除vi?

  26. 26

    是否可以删除`:〜`目录

  27. 27

    按钮是否可以触发表单操作并让按钮触发jquery函数

  28. 28

    无法在相对布局中放置3个按钮和1个编辑文本

  29. 29

    是否有任何委托方法可以在 TableView 单元格编辑中启用带有删除的编辑按钮

热门标签

归档