ajax経由で更新するとき、MVC Webgridのスクロールバープラグインに問題がありますか？

Question

私はスクロールバープラグイン（link）を使用してwebgridを持っています。最初は素晴らしいですが、ヘッダ/ページャは両方ともフリーズしており、コンテンツはスクロールバーにあります。しかし、私のwebgridがajaxリクエストでリフレッシュされるときはいつでも。 2番目のヘッダーとページャーがスクロールバーに表示されます。私がajaxリクエスト "ajaxUpdateContainerId：" 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); 
} 
<div id="grid"> 
@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> 

jqueryのコール：

$('#grid').tableScroll({ height: 350 }); 

Answer 1

私は、 "WebGridの" ではなく、テーブルの "gird" の容器を使用してのミスを犯しました。

それは次のようになります。

$('#webgrid').tableScroll({ height: 350 }); 

また、あなたは、このコードを呼び出すと、WebGridのUpdateAjaxCallback属性で指定するJavaScript関数を作成する必要があります。