ウェブグリッドソートインジケータ、asp.net mvc3カミソリ

Question

ウェブグリッドカラムの昇順と降順の画像としてソートインジケータが必要です。私は、Google検索を行なったし、として解決策を見つけた：私はグリッドがロードされていないこと、エラーがスローされ、ページの読み込みにjavascript関数を配置していた場合

<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)") 



           )); 

}

。そして、私はこのwebgridをロードするデータのためのajax呼び出しを与えました。私はこのjavascriptを配置しなければならないので、webgridの列を並べ替えるためのインジケータを得ることができるように、助けてください。

Answer 1

準備完了機能にJavaスクリプトをラップする必要があります。

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

警告の恐れ - このメソッドは、ajaxの更新可能なグリッドでは機能しません。 （これは私も同様に把握しようとしているものです）