jquery - 如何在 Bootstrap 模态弹出窗口中加载部分 View 并将参数传递给 actionresult 以在模态窗口加载时加载网格？

Question

在 Bootstrap Modal 弹出窗口中加载部分 View 时出现问题。我也可以将 prodId 作为参数传递给模式弹出窗口吗？

Controller 操作:

[AcceptVerbs(HttpVerbs.Get)]
public ActionResult Details(string INFO)
{
    return PartialView("DetailsPartialView");
}

型号:

<div class="modal" id="DetailsPopup" tabindex="-1" role="dialog" data-backdrop="static"
  data-keyboard="true" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      @Html.Partial("../Controller/DetailsPartialView")
    </div>
  </div>
</div>

按钮:

<button type="button" class="btn btn-default" id="btnDetails">Details</button>

$("#btnDetails").click(function () {
    $('#DetailsPopup').appendTo("body").modal('show');
});

Answer 1

您可以将数据传递到 Html.Partial 中，如下所示:

<div class="modal" id="DetailsPopup" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="true" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            @Html.Partial("../Controller/DetailsPartialView", new { id = yourId })
        </div>
    </div>
</div>

然后您只需在部分 View 中使用它，就像在常规 View 中一样。如果您对此更满意，也可以通过模型类(class)。