ASP.NET MVC 3 Razor WebGrid подсказка и маркер сортировки - PullRequest
Новая
       37

ASP.NET MVC 3 Razor WebGrid подсказка и маркер сортировки

2 голосов
/ 16 сентября 2011

Я разработал веб-приложение в ASP.NET MVC 3 Razor. Я использую веб-сетку для отображения табличных данных и хотел бы сделать что-то ххх с веб-сеткой.

1. Я хотел бы, чтобы WebGrid показывал, какой столбец является столбцом сортировки, и сортирует ли он по возрастанию или по убыванию. Я не могу найти ни одного свойства WebGrid, которое бы соответствовало моим пожеланиям. И я ничего не могу найти в интернете ...

2. Я хотел бы добавить всплывающую подсказку ко всем заголовкам столбцов (разные подсказки для каждого заголовка) . Очевидно, есть множество подсказок по JavaScript, но я не нашел ничего, что я мог бы использовать в WebGrid ...

Ответы [ 2 ]

1 голос
/ 08 октября 2012

для q2: Дайте вашему помощнику WebGrid ID

<code>htmlAttributes:new{id="GridID"}

Затем с помощью Jquery поставить заголовок для всех заголовков. <code>$('table#GridID th').each(function() { $(this).attr('title', $(this).text()); });

0 голосов
/ 03 марта 2012

Для сортировки вы можете взглянуть на этот пост:

Индикатор сортировки в 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') ? "&#9650;" : "&#9660;");
    }
}

Для подсказки можно использовать qTip2 .

ПРИМЕЧАНИЕ:Я использую оба подхода из ссылок выше с помощником WebGrid, и они работают как положено.

...