Распределение результатов из сетки на нескольких страницах с MCV - PullRequest
0 голосов
/ 23 октября 2019

В настоящее время у меня есть вид с сеткой, отображающей некоторые данные (я бы предпочел таблицу, но это то, что нужно). Запрос, который возвращает данные, может иметь возможность вернуть более 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.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...