В настоящее время у меня есть вид с сеткой, отображающей некоторые данные (я бы предпочел таблицу, но это то, что нужно). Запрос, который возвращает данные, может иметь возможность вернуть более 100 записей.
Я хотел бы иметь возможность отображать только 10 записей за один раз, а затем поместить остальные результаты на другую страницу, гдепользователь может нажать кнопку 2,3,4 и т. д.
Обычно я просто делал бы это, используя таблицы данных, но, поскольку это сетка, я не совсем уверен, как с этим справиться. Ниже мой код. Если бы кто-то мог дать мне идею или направить меня в правильном направлении, я был бы очень признателен.
Просмотр:
@using (Html.BeginForm("SearchGenericLogs", "Tools", FormMethod.Post)){
<div class="form-inline" style="height:50px; position:relative;">
<form class="form-inline row">
<div class="col-md-11">
@Html.DropDownListFor(m => m.LogLevelId, new SelectList(Model.LogLevels, "pkLogLevelId", "LogLevel", Model.LogLevelId), new { @class = "form-control", data_toggle = "tooltip", title = Html.DisplayNameFor(m => m.LogLevelId) })
@Html.DropDownListFor(m => m.LogSource, new SelectList(Model.LogSourceCodes, "pkLogSourceCode", "LogSource", Model.LogSource), new { @class = "form-control", data_toggle = "tooltip", title = Html.DisplayNameFor(m => m.LogSource) })
@Html.TextBoxFor(m => m.EntityId, new { @class = "form-control", type = "number", placeholder = Html.DisplayNameFor(m => m.EntityId), data_toggle = "tooltip", title = Html.DisplayNameFor(m => m.EntityId) })
@Html.TextBoxFor(m => m.FromLogDate, new { @class = "form-control", type = "DateTime", placeholder = Html.DisplayNameFor(m => m.FromLogDate), data_toggle = "tooltip", title = Html.DisplayNameFor(m => m.FromLogDate) })
@Html.TextBoxFor(m => m.ToLogDate, new { @class = "form-control", type = "DateTime", placeholder = Html.DisplayNameFor(m => m.ToLogDate), data_toggle = "tooltip", title = Html.DisplayNameFor(m => m.ToLogDate) })
</div>
<div class="col-md-1 text-right">
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</form>
</div>
<div class="list-group">
<div class="row list-group-item list-group-item-heading divTableHeading">
<div class="col-md-1"> ID </div>
<div class="col-md-1"> Source </div>
<div class="col-md-1"> Level </div>
<div class="col-md-1"> Entity ID </div>
<div class="col-md-2"> Log Date </div>
<div class="col-md-6"> Message </div>
</div>
@foreach (var item in Model.Logs)
{
<div class="row list-group-item">
<div class="col-md-1">@Html.DisplayFor(modelItem => item.LogId) </div>
<div class="col-md-1">@Html.DisplayFor(modelItem => item.LogSource) </div>
<div class="col-md-1">@Html.DisplayFor(modelItem => item.LogLevel) </div>
<div class="col-md-1">@Html.DisplayFor(modelItem => item.EntityId) </div>
<div class="col-md-2">@Html.DisplayFor(modelItem => item.LogDateTime) </div>
<div class="col-md-6" style="word-break: break-word;">@Html.DisplayFor(modelItem => item.Message) </div>
</div>
}
</div>}
Я бы также опубликовал действие контроллера, кроме этого приложениянемного сложнее, чем ваша типичная модель, представление, контроллер. Если кому-то нужна дополнительная информация, дайте мне знать. Я могу обновить OP.