如何在jquery datatables服务器端渲染中添加多个'CRUD‘列？
如何在jquery datatables服务器端渲染中添加多个'CRUD‘列？
提问于 2018-06-07 04:45:28
我已经在一个MVC示例中实现了服务器端的jquery数据表分页。vanilla示例显示的网格没有额外的列/链接，用于编辑/详细信息/删除。
我遵循下面的例子，成功地让一个编辑按钮出现，并让它成功导航到MVC编辑视图：
<script>
$(document).ready(function () {
if ($.fn.DataTable.isDataTable('#tblrtr')) {
$('#tblrtr').dataTable().fnDestroy();
$('#tblrtr').dataTable().empty();
}
var complete = $('#tblrtr').DataTable(
{
"serverSide": true,
"destroy": true,
"processing": true,
"ajax":
{
url: "/ReportsToRecords/RTRList",
method: "POST"
},
"columns": [
{ "data": "id" },
{ "data": "reportingId" },
{ "data": "title" },
{ "data": "name" },
{ "data": "reportsToId" },
{ "data": "employeeId" },
{
"title": "",
"data": "id",
"searchable": false,
"sortable": false,
"render": function (data, type, full, meta) {
@*return '<a href="@Url.Action("Edit","ReportsToRecords")?id=' + data + '" class="editRTR">Edit</a>'; }*@
return '<a class="btn btn-info" href="/ReportsToRecords/Edit/' + full.id + '">Edit</a>'; }
}
]
}
);
/// Following code is for filter input to apply filter only on Enter
var itm = $("#tblrtr_filter input")
itm.unbind();
itm.keyup(function (e) {
//enter or tab
if (e.keyCode == 13) {
complete.search(this.value).draw();
}
});
});
</script>
现在，我想向各自的mvc视图中添加详细信息并删除导航按钮。但是，如果我只是简单地复制数据列之后的代码，并对该代码中的返回行进行适当的更改，网格的呈现将停止工作。
它似乎不喜欢定义多个按钮列。有没有人知道添加详细信息和删除按钮的正确语法？我知道似乎有一个带弹出屏幕的可编辑数据表可以做到这一点，但我正在尝试使用现有的mvc视图。
有什么想法？
回答 1
Stack Overflow用户
发布于 2018-06-07 05:59:35
我发现我不得不将其更改为以下内容：
"render": function (data, type, full, meta) {
return '<a href="@Url.Action("Edit", "ReportsToRecords")?id=' + data + '" class="editReportsToRecords">Edit</a> | <a href="@Url.Action("Details", "ReportsToRecords")?id=' + data + '" class="detailsReportsToRecords">Details</a> | <a href="@Url.Action("Delete", "ReportsToRecords")?id=' + data + '" class="deleteReportsToRecords">Delete</a>'; }
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50729312
复制相关文章
相似问题