Asp.net mvc ASP.NET MVC 3 Razor WebGrid工具提示和排序标记

Asp.net mvc ASP.NET MVC 3 Razor WebGrid工具提示和排序标记,asp.net-mvc,sorting,razor,tooltip,webgrid,Asp.net Mvc,Sorting,Razor,Tooltip,Webgrid,我已经在ASP.NETMVC3Razor中开发了一个Web应用程序。我已经使用WebGrid列出了表格数据,我想用WebGrid做一些事情 1。我想让WebGrid显示哪个列是排序列,以及它是升序排序还是降序排序。 我找不到WebGrid的任何属性可以满足我的愿望。我在网上找不到任何东西 2。我想向所有列标题添加工具提示(每个标题有不同的工具提示)。 显然有很多javascript工具提示,但我还没有在WebGrid中找到任何可以使用的工具…关于排序的内容,你可以看看这篇文章: 在视图中,可以

我已经在ASP.NETMVC3Razor中开发了一个Web应用程序。我已经使用WebGrid列出了表格数据,我想用WebGrid做一些事情

1。我想让WebGrid显示哪个列是排序列,以及它是升序排序还是降序排序。 我找不到WebGrid的任何属性可以满足我的愿望。我在网上找不到任何东西

2。我想向所有列标题添加工具提示(每个标题有不同的工具提示)
显然有很多javascript工具提示,但我还没有在WebGrid中找到任何可以使用的工具…

关于排序的内容,你可以看看这篇文章:

在视图中,可以执行以下操作:

// Force a descending sort only when no user specified sort is present
if (Request.QueryString[grid.SortDirectionFieldName].IsEmpty())
{
    grid.SortDirection = SortDirection.Descending;
}
然后是自定义JavaScript:

displaySortIndicators('@grid.SortColumn', '@grid.SortDirection');

displaySortIndicators = function (column, sortDirection) {

    if (column != '') {

        var th = $('thead > tr > th > a[href*="sort=' + column + '"]');

        th.append((sortDirection == 'Ascending') ? "▲" : "▼");
    }
}
对于工具提示,您可以使用

注意:我在WebGrid helper中使用了上面链接中的两种方法,它们的工作方式与预期一致。

对于第二季度: 给你的WebGrid助手一个ID


htmlAttributes:new{id=“GridID”}

然后使用Jquery为所有标题放置标题

$('table#GridID th').each(function(){$(this.attr('title',$(this.text());})

谢谢!我或多或少地按照您的建议使用jQuery解决了第2个问题!:-)“方向。上升”。。。由于某种原因,它不起作用。相反,我用js解决方法解决了这个问题。也许不是最干净的修复方法,但它很有效。不知道为什么“方向。上升”不起作用。。。