2014-09-25 139 views
-1

我有一個MVC視圖中有一個div綁定到模型的webgrid。在初始頁面加載時,網格完全由模型數據填充,但是當我單擊同一頁面上的按鈕時,網格應該由未發生的搜索值更新。網格即使在點擊按鈕後也具有相同的初始數據。我應該如何刷新具有更新值的網格?如何刷新按鈕點擊MVC視圖的一部分?

@{ var gd=new WebGrid(Model.NonPromoJobList,canPage:true,rowsPerPage:5,canSort:true, selectionFieldName:"selectedRow",ajaxUpdateContainerId:"gridContent"); 

    gd.Pager(WebGridPagerModes.NextPrevious); 

} 

<div id="gridContent" class="container-fluid"> 
@gd.GetHtml(
     columns: gd.Columns(

     gd.Column("JobTitle", "Job Title",format: 
     @<text><a href="javascript:void()" onclick="javascript:showJobNotice('@item.JASEQ');" title="Job Title"> @Html.Raw(item.JOBTITLE) </a> </text>), 
     gd.Column("Department","Department"), 
     gd.Column("Location","Location"), 
     gd.Column("ClosingDate","Closing Date"), 
     gd.Column("Action",style:"col1",format: @<text> 
    <a class="btn btn-xs btn-info" title="Apply Online" onclick="javascript:openApp('@item.JOBTITLESEQ');" href="javascript:void()">Apply</a> 

</text> 
))) 
</div> 

<div class="panel-footer text-center color4 "> 
       <input type="button" class="btn btn-primary btn-s" value="Search" onclick="searchJobs()" /> 
</div> 
+0

您可能需要添加表單,以便您可以將頁面提交回服務器,或者添加一些javascript並使用ajax。 – jrummell 2014-09-25 18:51:39

回答

0

您可以使用JQuery和部分視圖的使用來做到這一點。在事件觸發一個JQuery Ajax調用你的MVC Action。該操作然後可以返回想要更新的局部視圖。然後在jQuery中的ajax成功函數中,只需將部分視圖的HTML內容替換爲操作返回的更新內容即可。