Question

我的表格包含我在表格中显示的数据

这是控制器

 public ActionResult Index()
    {
        return View(db.Companies.ToList());
    }

这是视图

  @foreach (var item in Model)
{

    <tr>
        <td class="point">
            @(rowNo += 1)
        </td>
        <td class="title" style="text-align: center; font-size:20px">
            @Html.DisplayFor(modelItem => item.CompanyName)
        </td>
        <td class="title" style="text-align: center; font-size:20px">
            @Html.DisplayFor(modelItem => item.Vacancies.FirstOrDefault().VacancyName)
        </td>
        <td style="text-align: end;">
            <a href='@Url.Action("Edit", "Companies", new {id = item.CompanyID})'>
                <img src='@Url.Content("~/Images/Edit.png")'/>
            </a>
            <a href='@Url.Action("Delete", "Companies", new {id = item.CompanyID})'>
                <img src='@Url.Content("~/Images/Delete.png")'/>
            </a>
            </td>
    </tr>
}

职位空缺是公司的相关数据表

公司可能有1-10个职位空缺。

如何通过可滚动列表<td class="title" style="text-align: center; font-size:20px"> @Html.DisplayFor(modelItem => item.Vacancies.FirstOrDefault().VacancyName) </td>

显示所有职位空缺

Answer 1

假设Vacancies是一个IEnumerable或类似的集合对象（可能是你使用了FirstOrDefault），你可以简单地迭代它们，就像你在迭代公司列表一样：

@foreach (var item in Model)
{
<tr>
    <td class="point">
        @(rowNo += 1)
    </td>
    <td class="title" style="text-align: center; font-size:20px">
        @Html.DisplayFor(modelItem => item.CompanyName)
    </td>
    <td class="title" style="text-align: center; font-size:20px">
        <div style="height: 100px; overflow-y: scroll">
            @foreach (var vacancy in item.Vacancies)
            {
                <div>@Html.DisplayFor(v => vacancy.VacancyName)</div>
            }
        </div>
    </td>
    <td style="text-align: end;">
        <a href='@Url.Action("Edit", "Companies", new {id = item.CompanyID})'>
            <img src='@Url.Content("~/Images/Edit.png")'/>
        </a>
        <a href='@Url.Action("Delete", "Companies", new {id = item.CompanyID})'>
            <img src='@Url.Content("~/Images/Delete.png")'/>
        </a>
    </td>
</tr>
}

在一个不相关的说明中，您可以并且可以说应该坚持HTML属性的双引号：

<img src="@Url.Content("~/Images/Edit.png")" />

可滚动列表

1 个答案: