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

时间:2013-08-04 11:36:26

标签: asp.net-mvc layout razor master-pages

layout page的{​​{1}}文件夹中有一个shared。页面名称为mvc application

Layout.cshtml two div tags Layout.cshtmldiv1 div2。{/ p>

我有controller名为membersController。 该控制器发送two types of members列表进行查看。即GeneralMembersAdminMembers.

我在成员文件夹中有一个名为view的{​​{1}}。

在此视图中,我按预期获得数据。但唯一的问题是Index.cshtml。简而言之,我希望I dont know how to get that two lists inside of each div中的GeneralMembersdiv1中的AdminMembers

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

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

1 个答案:

答案 0 :(得分:1)

如果从Controller Action发送给View的模型包含两个列表,您可以在View中调用每个列表。例如:

<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>

在你的布局页面上将来自Indexdiv1的html追加到div1:

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

    </script>

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