Индикатор сортировки webgrid, бритва asp.net mvc3

Question

Мне нужен индикатор сортировки в качестве изображения для возрастания и убывания для столбцов веб-сетки.Я сделал поиск в Google и нашел решение как:

 <script type="text/javascript">
 $('thead > tr > th > a[href*="sort=@grid.SortColumn"]').parent()
.append('@(grid.SortDirection == SortDirection.Ascending ? "U" : "D")');
</script>

 But i used the webgrid like this:

 var grid = new WebGrid(canPage: true, rowsPerPage:       SlmgWebApp.Controllers.HomeController.PageSize, canSort: true, ajaxUpdateContainerId: "grid", fieldNamePrefix: "ViewClaimfieldname", pageFieldName: "ViewClaimpagename");



grid.Bind(Model.TotalClaims, rowCount: Model.TotalRecords, autoSortAndPage: false);
grid.Pager(WebGridPagerModes.All);



@grid.GetHtml(

 tableStyle: "webgrid",
 headerStyle: "webgrid-header",
 footerStyle: "webgrid-footer",
 alternatingRowStyle: "webgrid-alternating-row",
 selectedRowStyle: "webgrid-selected-row",

    htmlAttributes: new { id = "grid" },
    columns: grid.Columns(
             grid.Column("", header: "", format: @<span><img alt="image1" src="@item.StatusIcon" title="@item.StatusName" style="height:25px; width:25px; border:0px" /></span>),

                    grid.Column("CustomerName", header: "Reference"),

                         grid.Column("RepairOrderNumber", header: "Repair Order"),

                        grid.Column("SlmgReferenceNumber", header: "SLMG Number", format: @<text><a href="javascript: getclaim('@item.SlmgReferenceNumber')">@item.SlmgReferenceNumber</a></text>),

                                  grid.Column("EquipmentManfacturer", header: "Warranty Provider"),

                                 grid.Column("SerialNumber", header: "Serial Number (P&A Number)")



                                  ));

}

, если я помещаю функцию javascript в загрузку страницы, это вызывает ошибку, что сетка не загружена.И я дал Ajax-вызов для загрузки данных этой веб-сетки.Может ли кто-нибудь помочь мне, где я должен разместить этот javascript, чтобы я мог получить индикатор для сортировки столбцов в сетке.

Answer 1

Вам нужно обернуть java-скрипт в готовую функцию.

$(document).ready(function () {
     $('thead > tr > th > a[href*="sort=@grid.SortColumn"]').parent().append('@(grid.SortDirection == SortDirection.Ascending ? "U" : "D")');
 });

Большое предупреждение: этот метод не работает с обновляемой сеткой ajax. (это то, что я тоже пытаюсь выяснить)