我想調用加載器圖像，當我點擊MVC webgrid排序和分頁？

Question

我創建了一個div，並嘗試像loader.show（）一樣調用Jquery。但不知道如何在頁面或排序mvc webgrid時觸發它？

我的網格：

<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

在你的document.ready添加以下內容：

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

這將選擇個標籤，而且的WebGrid getHtml爲您生成一個標記。這將在網格排序時處理。