在其父视图中提交表单后刷新部分视图

时间:2015-10-08 21:29:32

标签: jquery ajax asp.net-mvc asp.net-mvc-4 partial-views

我是使用部分视图的新手,所以我在这里有点困惑。

我在视图中提交一个触发此ActionResult的表单:

    [HttpPost]
    public ActionResult AddNote(string comment)
    {
            using (var entity = new Entities())
            {
                var orderId = TempData["OrderId"].ToString();
                var atp = User.Identity.Name;
                entity.uspAddOrderNote(orderId, atp, comment);
            }
        return PartialView("WipOrders");
    }

我只想在提交表单后刷新部分视图WipOrders(在提交表单的视图中),但它只是让我返回完整视图或,就上述内容而言,返回网址~/AddNote

我试图将表单更改为ajax,希望它可以正常工作,但我遇到了一些麻烦:

@using (Ajax.BeginForm("AddNote", "Home", FormMethod.Post, null))
{
    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModal">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">Add A Note</h4>
                </div>
                <div class="modal-body">
                    <textarea class="form-control" rows="5" id="comment" name="comment"></textarea>
                    <input type="hidden" class="form-control" id="orderId" name="orderId"/>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">Save changes</button>
                </div>
            </div>
        </div>
    </div>
}

提交后,是否可以仅刷新部分视图? 任何帮助,将不胜感激。感谢

0 个答案:

没有答案