PartialView $（ '＃webgrid'）.html（data）は、webgrid colをクリックするとグリッド＆w/o cssのみを表示しますか？

Question

MVC3のWebGridで部分的なページ更新を行っていますが、グリッドを$（ '＃grid'）.html（data）で更新し、グリッドのcol/linkをクリックすると、その列のマイページgetはCSS以外の形式でグリッドだけでリロードされます。これをどうすれば解決できますか？

Index.cshtml

// ... 
// grid partial view 
<div id="gridview" class="gen">@Html.Partial("_gridPartialView", Model.Data)</div> 

// On button click on main page to get filtered data to new grid 
$.get('@Url.Action("GetFilteredData")', { 'statusFilter': filterstuff }, function (data) { 
    $('#gridview').html(data); 
}); 

_gridPartialView.cshtml

@model IEnumerable<.Models.Data> 
@{   
    var grid = new WebGrid(source: Model, 
    //defaultSort: "DataId", 
      rowsPerPage: 50);      
} 
@grid.GetHtml(
    tableStyle: "webgrid", 
    headerStyle: "head", 
    alternatingRowStyle: "alt", 
    columns: grid.Columns(
    grid.Column("DataId", "Id"), 
    grid.Column("DataName", "Name"), 
    //... 

コントローラのActionResult：で

public ActionResult GetFilteredData(int[] statusFilter) 
{ 
    // Do filtered query on data model 
    return PartialView("_gridPartialView", cvm.Campaigns); 
} 

Answer 1

@grid.GetHtml(
    htmlAttributes: new { id = "grid" }, 
//.. rest of the options here 
) 

とあなたのIndex.cshtml

に以下を追加する：あなたの.GetHtml方法があることを確認してください

var grid = new WebGrid(source: Model, 
    //defaultSort: "DataId", 
    ajaxUpdateCallback: "GridUpdate", 
    ajaxUpdateContainerId: "grid" 
    rowsPerPage: 50); 

：あなたの_gridPartialView.cshtmlは次のようにグリッドの宣言を変更

<script type="text/javascript"> 
    function GridUpdate(data) { 
     $('#gridview').html(data); 
    } 
</script>