MVC webgridの並べ替えとページングをクリックすると、ローダーイメージが呼び出されますか？

Question

divを作成し、loader.show（）のようにJqueryを呼び出そうとしました。しかし、私はページまたはmvcのwebgridを並べ替えるときにそれを引き起こす方法を確認していない？

マイウェブグリッド：あなたのdocument.readyで

<div id="grid"> 
@{ 
    var grid = new WebGrid<MemberSearch>(ajaxUpdateContainerId: "grid", 
     rowsPerPage: Model.PageSize, defaultSort: "LastName"); 
    grid.Bind(Model.Member, rowCount: Model.TotalRows, autoSortAndPage: false); 
    // NOTE: I've created another html helper to allow a server-paged grid to be rendered in one call (complete with compiler type inference) as shown below 
    //var grid = Html.ServerPagedGrid(Model.Products, Model.TotalRows, rowsPerPage: Model.PageSize); 
} 
@grid.GetHtml(tableStyle: "webgrid", 
      headerStyle: "webgrid-header", 
      footerStyle: "w-footer", 
      alternatingRowStyle: "webgrid-alternating-rows", 
       columns: grid.Columns(
       grid.Column(format: @<text>@Html.ActionLink("Edit", "Edit", new { Id = item.Id }) </text>), 
       grid.Column("fullname", header: "Name", format: @<text>@item.fullname</text>), 
       grid.Column("Email", header: "Email", format: @<text>@item.Email</text>), 
       grid.Column("companyname", header: "Company", format: @<text>@item.companyname</text>), 
       grid.Column("regDate", header: "Registration Date", format: @<text>@item.regDate</text>), 
       grid.Column("country", header: "Country", format: @<text>@item.country</text>), 
       grid.Column("modifiedDate", header: "Profile Modified", format: @<text>@item.modifiedDate</text>), 
       grid.Column("ciscontactid", header: "CIS ID", format: @<text>@item.ciscontactid</text>) 
         ) 
       ) 

</div> 

Answer 1

は、次の行を追加します。

$('thead > tr > th > a[href$="sort"]').click(function() { 
    loader.show() 
}); 

これは番目のタグやWebGridのgetHtmlがあなたのために生成し、Aタグを選択します。これは、グリッドがソートされたときに処理されます。