从局部视图中使用模式绑定的Ajax模式弹出窗口

我试图找到一个解决办法，但暂时找不到一个。。。我有一个绑定到模式的局部视图，它在网格中显示数据。像下面这样

@model abc
@Html.Grid(Model)
{
    grid columns
    column with edit link
}

通过ajax单击网格中的edit链接，我希望在部分视图中显示绑定到另一个模型的弹出窗口。这个引导弹出窗口也应该通过模型绑定绑定，因为我需要在单击提交弹出窗口时执行服务器端验证

@model pqr
<div>
   popup window with grid columns displayed in form for editing.
</div>

@型号pqr
弹出窗口，表格中显示网格列以供编辑。

---

任何关于示例代码的帮助都会非常有用。

可能还有其他方法可以做到这一点，但我以前也做过类似的工作：

编辑链接必须具有id作为要作为参数传递给控制器的id

获取数据并将模型传递到已填充属性的局部视图

$(".YourEditLinkClass").click(function () {
   var id = $(this).attr('id');
   $.ajax({
      url: "@Url.Action("GetDataForPopUpWindow", "YourController")",
      type: "GET",
      dataType: "html",
      data: { id: id },
      success: function (data) {
          $("#modal_" + id).html(data);//target position of modal
          $('#pqr_' + id).modal('toggle');
        }
     });
});

控制器代码：

public ActionResult GetDataForPopUpWindow(int id)
{
   using (YourDBContext)
   {
      var data = YourData;
      pqr pqrModel = new pqr();
      pqrModel.YourModelProperty = data.CorrespondingProperty;
      return PartialView("_GridPartialView", pqrModel);
   }
}

您的引导模式必须在名为“GridPartialView”的局部视图中具有id为

id=“pqr\u@Model.id”

。希望它有意义