当我单击选项卡时，我丢失了数据并且代码没有再次循环抛出模型？

Question

你好我已经尝试在 "Categories" Table 中循环抛出数据并且它有效 - 当我第一次打开视图时我得到了数据但是如果我点击一个选项卡来查看它的内容我只得到第一条记录？我不知道为什么我丢失了第一次获得的所有数据？剃须刀代码：

@section personAds{
<h2 class="title text-center">Person Ads</h2>
<div class="col-sm-12">
    <ul class="nav nav-tabs">
        <li class="active"><a href="#propertytab" data-toggle="tab">Home</a></li>
        <li><a href="#carstab" data-toggle="tab">Cars</a></li>
    </ul>
</div>
<div class="tab-content">

    @foreach (var personItems in Model.Where(isCompany => isCompany.isCompany == false))
    {
        <div class="tab-pane fade active in" id="propertytab">
            <div class="col-sm-3">
                <div class="product-image-wrapper">
                    <div class="single-products">
                        <div class="productinfoslide text-center">
                            <img src="@Url.Content(personItems.catImage)" alt="" />
                            <h4>@personItems.catName</h4>
                            <a href="#" class="btn btn-default plus-info"><i class="@personItems.classIcon"></i>More</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="tab-pane fade" id="carstab">
            <div class="col-sm-3">
                <div class="product-image-wrapper">
                    <div class="single-products">
                        <div class="productinfoslide text-center">
                            <img src="@Url.Content(personItems.catImage)" alt="" />
                            <h4>@personItems.catName</h4>
                            <a href="#" class="btn btn-default plus-info"><i class="@personItems.classIcon"></i>More</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    }
</div>

}

控制器代码：

public ActionResult Contact()
{
    var model = _db.Categories.ToList();
    return View(model);
}

并且我尝试删除 where 条件并且我得到了相同的结果 - 当我点击任何选项卡时我只得到第一条记录？！

请看问题视频... Click Here

Answer 1

从您的代码来看，我认为您只是将 'foreach' 放在了错误的位置。看起来您正在创建重复的 'tab' DIV，每个都只有一个记录。

这可能会好一些，请注意我已将 'propertytab' 移到 @foreach

之外

<div class="tab-pane fade active in" id="propertytab"> 
@foreach (var personItems in Model.Where(isCompany => isCompany.isCompany == false))
{

        <div class="col-sm-3">
            <div class="product-image-wrapper">
                <div class="single-products">
                    <div class="productinfoslide text-center">
                        <img src="@Url.Content(personItems.catImage)" alt="" />
                        <h4>@personItems.catName</h4>
                        <a href="#" class="btn btn-default plus-info"><i class="@personItems.classIcon"></i>More</a>
                    </div>
                </div>
            </div>
        </div>
}
    </div>

 <div class="tab-pane fade" id="carstab">
 @foreach (var personItems in Model.Where(isCompany => isCompany.isCompany == false))
        <div class="col-sm-3">
            <div class="product-image-wrapper">
                <div class="single-products">
                    <div class="productinfoslide text-center">
                        <img src="@Url.Content(personItems.catImage)" alt="" />
                        <h4>@personItems.catName</h4>
                        <a href="#" class="btn btn-default plus-info"><i     class="@personItems.classIcon"></i>More</a>
                    </div>
                </div>
            </div>
        </div>
}
    </div>

当我单击选项卡时，我丢失了数据并且代码没有再次循环抛出模型？

When i click on tab i lose data and code not looping throw Model again?

twitter-bootstrap-3

asp.net-mvc-5