Asp.net mvc ASP.NET MVC 3 Razor WebGrid工具提示和排序标记
我已经在ASP.NETMVC3Razor中开发了一个Web应用程序。我已经使用WebGrid列出了表格数据,我想用WebGrid做一些事情 1。我想让WebGrid显示哪个列是排序列,以及它是升序排序还是降序排序。 我找不到WebGrid的任何属性可以满足我的愿望。我在网上找不到任何东西 2。我想向所有列标题添加工具提示(每个标题有不同的工具提示)。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中找到任何可以使用的工具…关于排序的内容,你可以看看这篇文章: 在视图中,可以
显然有很多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解决方法解决了这个问题。也许不是最干净的修复方法,但它很有效。不知道为什么“方向。上升”不起作用。。。