当子模态弹出窗口关闭时刷新父页面的一部分

时间:2016-08-01 16:47:02

标签: javascript jquery ajax asp.net-mvc popup

我遇到了这个问题,并且一直在撞击我的脑袋,看起来非常可行且容易,但它现在无法点击。

我有一个MVC6视图,它由各种partials组成。 在其中一个部分,说我有一个anchor标签:

@model ModelA
<div>
   @Html.TextBoxFor(m=>m.Id)
   <a onclick="BookProduct();" style="pointer:cursor">Book Product</a>
</div>
<div id="divModalBody" class="modal fade" tabindex="-1" role="dialog">
   <div id="divModalPopup">
   </div>
</div>

<script>
   function BookProduct()
   {
      $.ajax({
         url:'Controller1/BookProduct',
         type:'GET',
         dataType:'html',
         data:SOME SAMPLE DATA,
         success:function(result)
           {
             if(result!=undefined)
               {
                 $("divModalBody").html(result);
               }
           },
         error:function(xhr)
           {
             console.log(xhr);
           }
        });
     }
</script>

BookProduct()函数基本上调用controller方法,并通过modal popupAJAX call中显示结果。

我在popup执行了一些操作,然后点击Save

数据经过验证并保存到数据库中,控件返回success part of the modal popup

I then close the popup and need to refresh the partial of the parent page and maybe bind it to a list.

如何让我的父网页了解popup工作已经完成,现在需要刷新partial view

请指导。

1 个答案:

答案 0 :(得分:0)

从控制器中,您必须使用return partialview而不是 返回jsonresult。