如何更改获取数据的 WebGrid 操作 (.NET MVC3)

Question

我有一个呈现 WebGrid 的部分视图。我的控制器看起来像

public ActionResult Index()
{
    return View();
}
public ActionResult GetUserList(int? page, string sort, string sortdir)
{
    var model = UserModel.getList(page,sort,sortdir);
    return PartialView("_UserList",model);
}

Index.cshtml ：
<代码>....
@Html.Action("GetUserList")
问题是，每次我单击网格导航或排序链接时，它都会调用 Index 方法。如何使 Webgrid 执行不同的操作（在本例中为 GetUserList）？我确信我可以使用 jquery 将 GetUserList 添加到网格中的所有链接，但我相信这应该是更好的方法。
也有可能我所做的事情是完全错误的，所以感谢您的建议。

Answer 1

你的结论不对。您只需将您的 webgrid 包装在 Get 表单中：

using (Html.BeginForm("GetUserList", "ThingaMaBob", System.Web.Mvc.FormMethod.Get))
{
 var grid = new WebGrid(
...
));

    Html.Hidden(grid.SortFieldName, grid.SortColumn);
    Html.Hidden(grid.SortDirectionFieldName, grid.SortDirection == SortDirection.Ascending ? "ASC" : "DESC");
}

隐藏的内容是为了使排序目录和排序字段最终以可解析的形式出现在查询字符串中。你最终会得到像 localhost/ThingaMaBob/GetUserList?someotherfields=whatever=&sort=city&sortdir=ASC 这样的 url

Answer 2

如果去掉[HttpPost]属性，让路由来到同样的函数。您将在方法中找到 Request["page"] 值。这将允许您检查 Request["Page"] 值。

Answer 3

经过大量的摸索和挖掘（甚至用 WebGrid 的源代码摆弄 Reflector），我得出的结论是，使用 WebGrid，您无法控制/更改标题链接操作。

要创建标头链接 URL，路径是从 HttpContext.Request.Path 获取的，因此无法将其自定义为指向不同的路由。

一个非常丑陋的黑客是利用 jQuery Ajax 的事件（因为标题链接使用 jQuery.load 进行排序）并覆盖 URL：

<a href="#" onclick="$('#myGrid').load('/?sort=AlbumId&sortdir=ASC&__=634486582282704242 #myGrid');">Album Id</a>

更好的解决方案是使用：

• Telerik Grid，它可以让您指定自定义路线，并且在渲染布局
• 或MvcContrib Grid （不确定这是否允许您修改标题链接，但肯定比 WebGrid 提供更多灵活性）

Answer 4

@MrChief 有上面关于丑陋黑客的想法......我把它们放在一起。这是我用来执行此操作的主要代码。事实上，它确实在 ajax 调用上线之前就对其进行了劫持。关键是修改正在发送的 URL，因为网格将从 HttpContext.Request.Path 获取该 URL。并将其插入到锚元素的 onclick 中。

我将其放入主 common.js 中，并简单地附加一个函数来捕获在发送数据之前发生的 ajaxSend 事件。

// Used to hijack the sending of all AJAX calls.  Before it sends the call to the server, it checks to see if the 
// active element (the element that prompted the call) is marked with a given class.  If so, then it will perform
// the given operation.  
$(document).ajaxSend(function (event, jqXHR, ajaxOptions) {

    var activeElement = document.activeElement;

    if ($(activeElement).attr('redosorturl') != null) {

        // If this is a sort anchor link from a grid that needs to have the sort link redone, do it here.
        // the code is in the eipGrip.js file.
        if ($(activeElement).attr('redosorturl').toString() == 'redoSortURL') {
            var newURL = RedoGridSortURL(activeElement, ajaxOptions.url.toString());
            ajaxOptions.url = newURL.toString();
        }
    }

    return false;
});

渲染页面时，我在列标题中标记了包含不正确 URL 的标签，其中包含名为“redosorturl”的类，因此我知道当我劫持 ajax 调用时，必须在此元素上完成操作。然后我调用自定义函数为我提供正确的 URL，然后使用该新 URL 重写 ajaxOptions.url，

我必须将 activeElement 传递给该重写函数，以便我可以遍历 DOM 以获取我已放置数据的网格信息。就像与我用于 URL 的 ID 和其他信息一起使用的控制器和操作方法一样，我传入当前的 url 字符串，因为网格将在我解析的 url 末尾注入一个令牌，并且添加新的网址。