Я должен использовать 2 входных текстовых поля для поиска записей в базе данных в диапазоне чисел, указанных входными текстовыми полями. Затем я должен отобразить эти записи в виде сетки, как показано на рисунке ниже.
Извините за маленький глупый прогресс, я совершенно новый пчелиный. Я был бы очень признателен за помощь.
Пока у меня есть это:
контроллер
private static Grid PopulateModel(int agefrom, int ageto)
{
using (DBEntities entities = new DBEntities())
{
Grid model = new Grid()
{
WebUsers = (from c in entities.AspNetUsers
where c.AgeUser >= agefrom && c.AgeofUser <= ageto
select c).ToList(),
//Agefrom = (from c in entities.AspNetUsers
// select new TextBox { Text , Value = c.AgeUser }).Distinct().ToList(),
//Ageto = (from c in entities.AspNetUsers
// select new TextBox { Text = , Value = c.AgeUser}).Distinct().ToList(),
};
return model;
}
}
просмотр:
@using (Html.BeginForm("Index", "Admin", FormMethod.Post, new { @Id = "WebGridForm" }))
{
<p>
Select age: FROM <input type="text" name="agefrom" id="agefrom" />
TO<input type="text" name="ageto" id="ageto" /><input type="submit" value="filter" />
</p>
@webGrid.GetHtml(
htmlAttributes: new { @id = "WebGrid", @class = "Grid" },
columns: webGrid.Columns(
webGrid.Column("Id", "ID"),
webGrid.Column("UserName", "Username"),
webGrid.Column("Email", "Email"),
webGrid.Column("Gender", "Gender"),
webGrid.Column("AgeUser", "Age"),
webGrid.Column("JobTitle", "Customer Name"),
webGrid.Column("CompanyIndustry", "Company Industry"),
webGrid.Column("HouseHoldIncome", "HouseHold Income"),
webGrid.Column("Ethnicity", "Ethnicity"),
webGrid.Column("Country", "Country"),
webGrid.Column("StateName", "State Name")
));
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
@*<script type="text/javascript">
$("body").on("change", "#ddlage", function () {
$('#WebGridForm')[0].submit();
});
$("body").on("click", ".Grid tfoot a", function () {
$('#WebGridForm').attr('action', $(this).attr('href')).submit();
return false;
});
</script>*@
возможный результат: