将模型传递给用于模态的局部视图

Question

我试图通过动态传递模型对象来打开引导模式。模态内容部分视图如下，

@model int

<div class="modal fade" id="modal-action-id" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel"></h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true"></span>
                </button>
            </div>
            <div class="modal-body">
                <form>
                    <input type="text" value="@Model" />
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal" >cancel</button>
                <button type="button" class="btn btn-danger" data-dismiss="modal" >delete</button>
            </div>
        </div>
        </div>
 </div>

而且，这是我的 div，它通过动态传递模型对象来打开模式，

<div>
    @{
        for (int i = 5; i > 0; i--)
        {
            <div>
                <button id="deleteModal-@i" type="button" class="btn btn-danger" data-toggle="modal" data-sid="@i" data-target="#modal-action-id">
                    <i class="fa fa-trash-o pr-2" aria-hidden="true"></i>Delete @i
                </button>
                @await Html.PartialAsync("_MyPartialView", i)
            </div>

        }

    }

</div>

现在，问题是无论我在这里单击哪个按钮，它都只会将值 5 传递给局部视图。此外，我只看到了 for 循环之外的 @await Html.PartialAsync() 部分代码将静态模型传递给不同应用程序中的局部视图。从概念上讲，我在这里遗漏了什么吗？任何建议将不胜感激。

Answer 1

原因是所有_MyPartialView 都在同一个id id="modal-action-id"，这就是为什么你点击任何按钮只显示相同的_MyPartialView。

您可以更改按钮data-target="#modal-action-@i"

<button id="deleteModal-@i" type="button" class="btn btn-danger" data-toggle="modal" data-sid="@i" data-target="#modal-action-@i">

并更改 div id="modal-action-@Model"

<div class="modal fade" id="modal-action-@Model" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">

然后，你可以得到你想要的。所有测试。