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

发布于 2024-12-04 22:59:05 字数 323 浏览 1 评论 0原文

我在 ASP.NET MVC 3 Razor 中开发了一个 Web 应用程序。我一直在使用 WebGrid 来列出表格数据，并且想使用 WebGrid 做 xxx 件事。

1.我希望 WebGrid 显示哪一列是排序列，以及它是否按升序或降序排序。 我找不到 WebGrid 的任何属性似乎可以满足我的愿望。我在互联网上找不到任何东西...

2。我想向所有列标题添加一个工具提示（每个标题有不同的工具提示）。显然，那里有大量的 javascript 工具提示，但我还没有找到任何可以在 WebGrid 中使用的东西......

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

疯到世界奔溃 2024-12-11 22:59:05

对于 q2：
为您的 WebGrid 助手提供一个 ID

htmlAttributes:new{id="GridID"}

然后使用 Jquery 为所有标题添加标题
<代码>
$('table#GridID th').each(function() { $(this).attr('title', $(this).text()); });

回复收藏 0 原文

往日情怀 2024-12-11 22:59:05

对于排序的事情，你可以看看这篇文章：

排序指示器在 System.Web.Helpers.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') ? "▲" : "▼");
    }
}

对于工具提示内容，您可以使用 qTip2。

注意：我将上面链接中的两种方法与 WebGrid 帮助程序一起使用，它们按预期工作。

For the sorting thingy you can take a look at this post:

Sort indicator in System.Web.Helpers.WebGrid

In the view you can do this:

// Force a descending sort only when no user specified sort is present
if (Request.QueryString[grid.SortDirectionFieldName].IsEmpty())
{
    grid.SortDirection = SortDirection.Descending;
}

and then a custom 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') ? "▲" : "▼");
    }
}

For the tooltip thingy, you can use qTip2.

NOTE: I use both approaches from links above with the WebGrid helper and they work as expected.

回复收藏 0 原文

~没有更多了~