asp.net-mvc - 在 layout.cshtml 中的特定位置从 index.cshtml 向 layout.cshtml 添加数据

Question

我有一个layout pageinshared文件夹mvc application。页面名称是Layout.cshtml

我two div tags有Layout.cshtml即div1和div2。

我有一个controller叫membersController. 此控制器发送two types of members要查看的列表。即GeneralMembers和AdminMembers.

我在成员文件夹中有一个view调用。Index.cshtml

在这个视图中，我得到了预期的数据。但唯一的问题是I dont know how to get that two lists inside of each div。总之我想拥有GeneralMembersindiv1和AdminMembersin div2。

这个问题可能有重复，但我不知道要在谷歌上搜索的关键字/查询。

如果有人知道任何教程，请发布链接。

Answer 1

如果您从控制器操作发送到视图的模型包含两个列表，您可以在视图中调用它们中的每一个。例如：

<div class="div1">
<ul>
@foreach (var i in model.GeneralMembers)
<li>@i.Name .......</li>
</ul>
</div>

<div class="div2">
<ul>
@foreach (var i in model.AdminMembers)
<li>@i.Name .......</li>
</ul>
</div>

补充：在这种情况下，我可以使用 jQuery。在您的索引页面中使用隐藏的 div：

<script>
$('.Indexdiv1').hide();

</script>
<div class="Indexdiv1">
    <ul>
    @foreach (var i in model.GeneralMembers)
    <li>@i.Name .......</li>
    </ul>
    </div>

并在您的布局页面上将 html 从 Indexdiv1 附加到 div1：

    <script>
     $(document).ready(function()
{
    $('.div1').append($('.Indexdiv1').html())
});

    </script>

    <div class="div1"></div>