FerSher Ответов: 0

Как правильно визуализировать частичный вид


Я разрабатываю страницу поиска с использованием 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)

0 Ответов