Webgrid选择行而不使用SelectLink

时间:2013-08-24 14:50:54

标签: c# asp.net-mvc-4 razor

我正在使用MVC4&剃刀。

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

我想在这里实现的方案是 -

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

至于我到目前为止所尝试的内容...... 我一直在关注以下链接的教程 - Example 1 Example 2

两个示例都很好,但它们都使用SelectLink方法。有人能举个例子吗?

1 个答案:

答案 0 :(得分:0)

而不是使用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 */)

    });

});