2

我正在使用 C# ASP .NET MVC 和 ajax 调用。我能够获得表格的显示以及所有功能。

但是，我不明白如何添加复选框和按钮。我也尝试过 dom-checkbox 但无法使其正常工作。

任何帮助表示赞赏。

我的代码如下所示：

$(document).ready(function () {

$('#personTable').dataTable({
            "bJQueryUI": true,
            "sPaginationType": "full_numbers",
            "bProcessing": true,
            "bServerSide": true,
            "sAjaxSource": "/Home/GetCustomData",
            "aoColumns": [
                         { "sSortDataType": "dom-checkbox", "sTitle": "Select", 
                                     sName": "" },
                         { "sName": "ID", "sTitle": "ID" },
             { "sName": "FirstName", "sTitle": "First Name" },
             { "sName": "Email", "sTitle": "Email"}]
        });
    });

我的 HTML 是： [table border="1" id="personTable" class="display"] [/table]

4

3 回答 3

3

如果您不希望按照Lukasz Dziedzia 的回答中所述在 json 响应中返回 html ，您可以在客户端覆盖fnRowCallback函数，以便在显示之前将复选框插入行中。

于 2011-10-05T09:26:51.987 回答
0

只需在响应中返回复选框 html 代码。在您的 json 响应中添加如下内容：

...
"aaData":[
[
...
    "<input type=\"checkbox\" />",
...
]

（您也可以使用 html 作为此列的类型，但对于带有复选框的列，可能会禁用排序和其他类似功能，因此这根本没有影响。）

于 2010-06-24T21:24:53.420 回答
0 
ColumnDefs:[
            { 'targets': [0],
              'render': function (data, type, full, meta)
                        {
                          return '<input type="checkbox" name="id[]" value="' + 
                          $('<div/>').text(data).html() + '">';
                        }
             }
           ]
于 2020-03-21T05:50:24.233 回答