Jquery Bootstrap和Ajax.begin

目标： 我有一个简单的页面，列出了一堆物品（在库存中）。当他们单击零件号时，会显示编辑模式，当单击保存更改时，会保存更改

问题: 现在，模式会弹出预期的填充数据，当我单击SaveChanges时，它会在父窗口而不是模式中返回部分视图。关于如何将public PartialViewResult Edit（EditInventoryItemViewModel模型）中的部分视图返回到模态体，有什么想法吗

这是我的密码：

控制器：

    /// <summary>
    /// Returns a partial view with the inventory item populated
    /// </summary>
    public PartialViewResult Edit(int id)
    {
        var model = new EditInventoryItemViewModel();
        model.Status = ServiceContext.EnumService.InventoryItemStatus;
        model.Locations = ServiceContext.EnumService.Locations;

        model.InventoryItem = ServiceContext.InventoryService.GetInventoryItem(id);

        return PartialView("_InventoryItemEdit", model);
    }

    /// <summary>
    /// Save the changes.
    /// </summary>
    /// <param name="model"></param>
    /// <returns></returns>
    [HttpPost]
    public PartialViewResult Edit(EditInventoryItemViewModel model)
    {
        model.Status = ServiceContext.EnumService.InventoryItemStatus;
        model.Locations = ServiceContext.EnumService.Locations;

        // save changes here


        model.InventoryItem = ServiceContext.InventoryService.GetInventoryItem(model.InventoryItem.InventoryItemId);

        return PartialView("_InventoryItemEdit", model);
    }

模态html代码：

<div class="modal fade" id="edit-modal">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">Edit Inventory Item</h4>
          </div>
          <div class="modal-body" id="edit-modal-body">
          </div>
          <div class="modal-footer">
          </div>
        </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
    </div>

&时代；
编辑库存项目

我认为解决了类似的问题

它在视图中使用TwitterBootstrapMVC，但如果您不想，则不必这样做

        showEditModal: function (id, data, event) {
                $.ajax({
                    url: '@Url.Action("Edit", "Inventory")',
                    type: 'GET',
                    data: 'id=' + id,
                    success: function (data) {
                        if (data != null) {
                            $('#edit-modal-body').html(data);
                        }
                    }
            });
            $('#edit-modal').modal();
        }
    };

<div class="modal fade" id="edit-modal">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">Edit Inventory Item</h4>
          </div>
          <div class="modal-body" id="edit-modal-body">
          </div>
          <div class="modal-footer">
          </div>
        </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
    </div>