Прошло несколько дней с тех пор, как я начал изучать программирование MVC, и, честно говоря, я все еще справляюсь с новой средой MVC.
В моем проекте я начал создавать таблицу данных, которая отображает данные в моей базе данных с использованием этих кодов.
Это мои коды и контроллер. Эта часть работает очень хорошо.
<table id="table1" >
<thead>
<tr>
<th>id</th>
<th>title </th>
<th>
description
</th>
</tr>
</thead>
<tbody>
@foreach (var item in Model)
{
<tr>
<td>
@Html.DisplayFor(modelItem => item.id)
</td>
<td>
@Html.DisplayFor(modelItem => item.title)
</td>
<td>
@Html.DisplayFor(modelItem => item.description)
</td>
</tr>
}
</tbody>
</table>
}
var charts = (from p in db.pmTA_ProjectCategory
select new
{
id = p.id,
title = p.title,
description = p.description,
}).ToList()
.Select(x => new pmTA_ProjectCategory()
{
id = x.id,
title = x.title,
description = x.description,
});
return View(charts.ToList());
Но я заметил, что мне нужно отфильтровать данные с помощью раскрывающегося списка, поэтому я снова добавил раскрывающийся список в свой просмотр.
Это мой код и контроллер для отображения раскрывающегося списка и данных внутри раскрывающегося списка.
<div>
@Html.DropDownList("projectcat", ViewBag.proj as SelectList, "Select...", new {
@class = "form-control" })
</div>
var data1 = from p in db.pmTA_ProjectCategory
select new
{
id = p.id,
title = p.title,
description = p.description
};
SelectList list = new SelectList(data1, "id", "title");
ViewBag.proj = list;
когда дело доходит до отображения данных внутри выпадающего меню, оно снова работает гладко.
Моя проблема в том, что мне нужно отфильтровать данные таблицы данных, используя раскрывающийся список автоматически. Я имею в виду, что при выборе значения раскрывающегося списка в таблице данных должны отображаться данные, соответствующие выбранному значению в раскрывающемся списке
Я создал коды в javascript для фильтрации данных, используя выпадающий список.
Это код:
<script>
$(document).ready(function () {
var table = $("#table1").DataTable();
$("#projectcat").change(function () {
table.search(this.value).draw();
});
});
</script>
Но данные в моей таблице данных не отвечают и не работают, когда я выбрал данные в раскрывающемся списке, данные не могут фильтроваться.