2014-09-25 98 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内容替换为操作返回的更新内容即可。