带有复选框的筛选表视图,MVC

时间:2018-11-11 11:38:24

标签: c# asp.net-mvc entity-framework checkbox

我遇到了问题,希望您能帮助我。

我正在使用Visual Studio 2017,并制作了一个MVC项目来显示电视频道 我的数据库中有一个表(已满),该表存储了我的5个渠道的所有数据,看起来像这样:

Id    Channel     Program         Date          Time
1       One         News         2018-11-11     18:00
2       One         Sport        2018-11-11     20:00
3       Two         Inception    2018-11-11     09:50
4       Three       Seinfeldt    2018-11-11     11.00
5       Four        Alf          2018-11-11     15:30
5       Four        News         2018-11-11     19:00
.
.
.

这是我的控制人

namespace Uppgift4.Controllers
{
public class FullsController : Controller
{
    private TvProgramDBEntities db = new TvProgramDBEntities();

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

这是我的观点

@model IEnumerable<Uppgift4.Models.Full>
@{
ViewBag.Title = "Index";
}
<h2>Index</h2>

<table class="table table-bordered table-hover">
<tr>
    <th>
        Channel
    </th>
    <th>
        Program
    </th>
    <th>
        Date
    </th>
    <th>
        Time
    </th>
    <th></th>
 </tr>

 @foreach (var item in Model)
 {
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.Channel)
        </td>
        <td>
           @Html.DisplayFor(modelItem => item.Program)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Date)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Time)
        </td>
    </tr>
 }

这很好,我可以查看所有程序列表。

现在,我想通过添加5个复选框(每个通道一个)来过滤该表,因此我可以选择要从中显示数据的通道。因此,例如当我选中“一个”和“两个”时,我只是在视图中获得了这两个频道的程序,我该如何在视图中添加此功能?

0 个答案:

没有答案