Mvc 4 c＃ - 在Modal弹出窗口上提交表单后，在主视图上更新WebGrid

Question

我在部分视图上有一个@ Html.Beginform，它在jquery模式弹出窗口中打开。 提交表单后，我希望主视图上的Webgrid更新而不刷新页面。

我该怎么办？

Answer 1

使用Ajax.BeginForm并将UpdateTargetId设置为包含Grid的Div。在您的编辑操作结果中，重定向到列表网格的操作。 如果要在更新网格之前执行某些脚本，可以使用OnSuccess选项。 在这种情况下，请使用Jquery (("#idDivOfGrid").load(@Url.Action("ActionToListGrid", "Controller")))。

@using (Ajax.BeginForm(
                        actionName: "YourEditAction",
                        controllerName: "YourController"   ,
                        ajaxOptions: new AjaxOptions() { UpdateTargetId="idDivOfGrid"}                              
                        ))
{
    //Your form code...
}

//In the main view
<div id="idDivOfGrid">
 //your webgrid.    
</div>