Как правильно визуализировать частичный вид
Я разрабатываю страницу поиска с использованием MVC4 и Bootstrap
Верхняя строка включает в себя критерии поиска
Во второй строке отображается страница x из x
Остальная часть страницы включает в себя список данных
Когда страница fist отображает форматирование правильно, однако, когда я нажимаю любую из кнопок/значков подкачки, вторая строка отображается между заголовком таблицы и данными таблицы.
Ниже приведен мой код
Код контроллера-отправка на просмотр
Вид работает, а частичный-нет
if (Request.IsAjaxRequest()) { return PartialView("_CashFlowList", _acctCashFlow); } return View(_acctCashFlow);
Аякс.Бигинформ
@using (Ajax.BeginForm("Index", "AcctCashFlow", new AjaxOptions() { InsertionMode = InsertionMode.Replace, UpdateTargetId = "cashFlowList", })) { <div class="container" style="padding-left: 50px"> <div class="row" style="background-color: lightgray"> <div class="col-md-7 col-sm-offset-1"> Filter <select id="rangeFilter" name="rangeFilter"> <option value="YTD">Year to Date</option> <option value="R12">Rolling 12 months</option> </select> Go To <select id="cashCategory" name="cashCategory"> @foreach (var item in @Model._lstCFT) { <option value="@item.Id">@item.Description</option> } </select> <input type="submit" value="Search" /> <input type="text" id="idPage" name="pageNumber" style="display:none" /> <input type="text" id="idMaxPage" name="totalPages" style="display:none" /> <input type="text" id="idAction" name="pageAction" style="display:none" /> <button class="btn-sm" id="idFirst"></button> <button class="btn-sm" id="idPrev"></button> <button class="btn-sm" id="idNext"></button> <button class="btn-sm" id="idLast"></button> </div> </div> @Html.Partial("_cashFlowList", @Model) </div>
частичное представление
В Строке "Страница"
<div class="row" style="background-color: lightgray"> <div class="col-md-4 col-sm-offset-8"> Page <label id="idCurrPage" style="width:10px">@Model.CurrentPage </label> of <label id="idTotPage">@Model.TotPages</label> </div> </div>
данные
заголовок таблицы
<div class="row"> <div class="col-md-11 col-sm-offset-1" style="padding-left: 35px"> Table Data<pre lang="HTML">
@foreach (var item in @Model. _cashFlowlist)
{
@if (item.Описание = = null)
{
Что я уже пробовал:
Google, MSDN, перестановка частичного представления
Дата | Символ |
---|---|
@Html. DisplayFor(modelItem = & gt; @item.TradeDate) |