Question

我在表格中有Foreach，我想在用户点击某个单元格时打开一个模态，并在partialView modal中显示该单元格的对象。

The Foreach：

     @foreach (PedidoModel pedido in @Model.Entidades)
                {
                    <tr title="Clique para exibir detalhes" style="cursor:pointer" data-toggle="modal" data-target="#myModal">
                        <td style="text-align:center"><input type="checkbox"></td>
                        <td>@pedido.Pessoa.Nome</td>
                        <td>@pedido.DataEntrega</td>
                        <td></td>
                        <td>R$ @pedido.ValorTotal</td>
                        <td>@pedido.Endereco</td>
                        <td>
                            <span class="label label-success">@pedido.Status</span>
                        </td>
                    </tr>
                }

我尝试将partialView置于foreach内，但始终打开相同的内容，如下所示：

@Html.Partial("~/Areas/Unidade/Views/Pedidos/_DetalhePedido.cshtml",pedido)

我使用此Jquery代码打开和关闭modal

   $("#myModal").on("show", function () {
        $("body").addClass("modal-open");
    }).on("hidden", function () {
        $("body").removeClass("modal-open");
    });

我无法找到解决方法，如果有人可以帮助我，我会非常感激。

Answer 1

您如何看待使用Ajax加载模态异步？

例如，放一个包含模态的div，比如id =“ModalContainer” 然后使用Ajax，您可以加载实际包含模态的视图，并使用Jquery将其插入DOM并显示模态。

然后在单元格中设置一个onclick事件并调用该函数来加载模态。

   $.ajax({
            url: "/Controller/Action/",
            type: "GET",
            contentType: "application/json; charset=utf-8",
            datatype: 'json',
            success: function (value) {
                $('#ModalContainer').html();
                $('#ModalContainer').html(value);
                $('#Modal').modal('show');
            },
            error: function (value) {}
        });

如何将数据发送到模态

1 个答案: