c# - Webgrid 选择行而不使用 SelectLink

Question

我正在使用 MVC4 和 Razor。

在我的 cshtml 文件中，我有一个 Webgrid。如何在不使用 selectLink 或复选框或单选按钮的情况下选择一行？

我在这里试图实现的场景是 -

在 Webgrid 中显示包含数据的列，然后选择一行而不使用 selectLink 或类似的东西。并基于此选择，将此值发送给 Controller。

至于我到目前为止所尝试的......我一直在关注下面这些链接中的教程 - 示例 1 示例 2

这两个例子都很好，但它们都使用 SelectLink 方法。有人可以举个例子吗？

Answer 1

除了使用 WebGrid 自己的功能之外，您还可以使用一些 jQuery 在单击行中的任意位置时触发行选择，如下所示：

$(function () {

    // this selector should target the WebGrid table, with an id or class that is
    // set on the table
    $('table > body > tr').click(function () {

        // this will depend on how you action and routes are set up but this will
        // work for the default route of "{controller}/{action}/{id}"
        // also this will simply redirect to the URL with the selected row value,
        // if your intention is to stay on the page consider using jQuery's ajax
        // methods (i.e. .load(), $.get(), $.post() or $.ajax())
        $(location).attr('href', @Url.Action("YourAction", "YourController") + '/' + /* get row value */)

    });

});