2

ASP.NET MVC 3 Razor で Web アプリケーションを開発しました。私は WebGrid を使用して表形式のデータを一覧表示してきましたが、WebGrid で xxx を実行したいと考えています。

1. どの列がソート列で、昇順または降順でソートされているかを WebGrid に表示したいと思います。 私の希望を処理すると思われる WebGrid のプロパティが見つかりません。そしてネットで探しても見つからない…

2. すべての列ヘッダーにツールチップを追加したい (ヘッダーごとに異なるツールチップ)。明らかに、JavaScript のツールチップがたくさんありますが、WebGrid で使用できるものは何も見つかりませんでした...

4

2 に答える 2

1

q2の場合：WebGridヘルパーにIDを指定します

htmlAttributes:new{id="GridID"}

次に、Jqueryを使用して、すべてのヘッダーにタイトルを付けます $('table#GridID th').each(function() { $(this).attr('title', $(this).text()); });

于 2012-10-08T09:55:26.577 に答える
0

並べ替えについては、この投稿をご覧ください。

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ヘルパーで使用し、期待どおりに機能します。

于 2012-03-03T05:18:09.440 に答える