如何在 mvc 中通过 href link 将行 ID 从视图传递到控制器

Question

我想通过 href link 从 mvc 中的数据表将行 ID 从视图传递到控制器。

这是我的数据表设计代码

<table id="dataGrid" class="table table-striped table-bordered dt-responsive nowrap" width="100%" cellspacing="0">
    <thead>
        <tr>
            <th>N</th>
            <th>Date</th>
            <th>Action</th>
        </tr>
    </thead>
</table>

这里是数据表动作代码

$(document).ready(function () {
    $("#dataGrid").DataTable({
        "processing": true, // for show progress bar
        "serverSide": true, // for process server side
        "pageLength": 5,
        "lengthMenu": [5, 10, 50, 100, 1000, 10000],

        "columnDefs":
        [{
            "targets": [0],
            "visible": false,
            "searchable": false,
            "orderable": false
        }
        ],
        "columns": [
            { "data": "id", "name": "Id", "autoWidth": true, "orderable": false },
            { "data": "date", "name": "Date", "autoWidth": true, "orderable": false, "format": "dd/MM/yyyy" },
                "render": function (data, type, row) {
                    return " <a href='/ServiceJob/GetPrintById?'" + row.id + "'' class='btn btn-success btn-lg glyphicon glyphicon-print'> Print </a> ";
                }
            },
        ]
    });
});

这是控制器

[HttpPost]
public IActionResult GetPrintById(int id)
{
    ServiceJobModel model = new ServiceJobModel();

    // Service Job Detail
    var serviceJob = _Db.ServiceJob.Where(x => x.Id == id).FirstOrDefault();

    model.Id = serviceJob.Id;
    model.Date = serviceJob.Date;

    return View("Print");
}

现在在数据表操作代码中，我在 return 中尝试了以下代码

<a href='/ServiceJob/GetPrintById?'" + row.id + "'' class='btn btn-success btn-lg glyphicon glyphicon-print'> Print </a>

但是上面的代码不起作用。

如果我使用 actionlink 而在 href 的位置，那么在那个时候它会显示错误，即行在当前上下文中不存在。

这是动作link代码，

@Html.ActionLink("Print", "GetPrintById", "ServiceJob", new { id = row.id }, null)

所以，对我来说，这两个代码都没有执行。

帮我解决这个问题。

谢谢。

Answer 1

row 是一个客户端变量，您不能在运行服务器端的 @Html.ActionLink() 帮助程序中使用它。您可以使用 @Url.Action() 帮助程序添加行 ID，并将包含完整 URL 的变量设置到 render 设置中锚标记的 href 属性中：

"render": function (data, type, row) {
    var url = '@Url.Action("GetPrintById", "ServiceJob")/' + row.id; 

    return "<a href='" + url + "' class='btn btn-success btn-lg glyphicon glyphicon-print'>Print</a> ";
}

更新：

注意锚标记总是使用GET请求调用href属性中提到的控制器动作路径，因此[HttpPost]属性控制器动作必须是 omitted/removed:

public IActionResult GetPrintById(int id)
{
    ServiceJobModel model = new ServiceJobModel();

    // Service Job Detail
    var serviceJob = _Db.ServiceJob.Where(x => x.Id == id).FirstOrDefault();

    model.Id = serviceJob.Id;
    model.Date = serviceJob.Date;

    return View("Print");
}

参考：

Datatables with asp.net mvc rendering Url.actions/html.actionlinks with route values

如何在 mvc 中通过 href link 将行 ID 从视图传递到控制器

How to pass row id by href link in mvc from view to controller

asp.net-mvc

href

actionlink

datatables

razor