Razor WebGrid не сохраняет положение полосы прокрутки - PullRequest
Новая
       11

Razor WebGrid не сохраняет положение полосы прокрутки

1 голос
/ 15 марта 2011

Всякий раз, когда я выполняю страницу или сортирую свою сетку с поддержкой ajax, моя позиция полосы прокрутки сбрасывается в верхнюю часть страницы. Есть ли способ сохранить положение полосы прокрутки? 

@model Registrar.WebUI.Models.InstructorPageViewModel

@{
var grid = new WebGrid(canPage: true, 
                        canSort: true, 
                        rowsPerPage: Model.PagingInfo.ItemsPerPage, 
                        ajaxUpdateContainerId: "grid");
grid.Bind(Model.Instructors, rowCount:Model.PagingInfo.TotalItems, autoSortAndPage:false);
grid.Pager(WebGridPagerModes.All);
}

<div id="grid">
 @grid.GetHtml(columns: grid.Columns(
                        grid.Column(format: x => Html.ActionLink("Edit", "Edit", new {id=x.Id})),
                        grid.Column("FirstName", "First Name"),
                        grid.Column("LastName", "Last Name"),
                        grid.Column("Email"),
                        grid.Column("UserName", "User Name"),
                        grid.Column("Phone")                            )
                  )                      
</div>

Ответы [ 2 ]

2 голосов
/ 23 июня 2011

Это потому, что сгенерированная ссылка сортировки в вашем заголовке имеет href = "#".У меня та же проблема, и это мое решение.

Это мое частичное представление _grid.cshtml 

@{
  var grid = new WebGrid(Model.LeaseOffers, canPage: false, ajaxUpdateContainerId: "offerGrid", ajaxUpdateCallback: "afterLoad()");
}
<div id="offerGrid" class="offer-table-wrapper">
@grid.GetHtml(
  rowStyle: "offer-table-tr-odd",
  alternatingRowStyle: "offer-table-tr-even",
  columns: grid.Columns(
    grid.Column("ProviderLogo", "", format: @<img src="@Url.Content(string.Format(Constants.LeaseOfferProviderLogoContentUrlFormat, item.ProviderId))" />, style: "col-first", canSort: false),
    grid.Column("ProviderName", "Leasingodawca", format: @<div>@item.ProviderName</div>, style: "col-name"),
    grid.Column("DownPayment", "Udział Własny", format: @<div>@item.DownPayment.ToString(Constants.PercentDataToStringFormat)</div>, style: "col-third"),
    grid.Column("LeasePeriod", "Okres leasingu", format: @<div>@string.Format(Constants.LeasePeriodDataFormat, item.LeasePeriod)</div>),
    grid.Column("LeasePayment", "Rata leasingu", format: @<div>@string.Format(Constants.MoneyDataFormat, item.LeasePayment)</div>),
    grid.Column("ResidualValue", "Wartość wykupu", format: @<div>@item.ResidualValue.ToString(Constants.PercentDataToStringFormat)</div>),
    grid.Column("TotalLeasePayments", "Suma opłat", format: @<div>@item.TotalLeasePayments.ToString(Constants.PercentDataToStringFormat)</div>),
    grid.Column("Actions", "", format: @<div><a href="@Url.LeaseAssetDetailsWithLeaseOffer(Model.LeaseAssetId, (int)item.Id)"><img src="@Href("~/Modules/LeaseBroker.Orchard.Module/Content/Images/Mockups/wezleasing.png")"/></a></div>, style: "col-last", canSort: false)
  ),
  htmlAttributes: new { cellpadding = "0", cellspacing = "0" }
)
<script language="javascript">
  function afterLoad() {
    $("#offerGrid > table > thead > tr > th > a").attr('href', 'javascript:void(0)');
  }
  jQuery(document).ready(function ($) {
    afterLoad();
  });
</script>

Сразу после загрузки сетки язамена всех атрибутов href в ссылках заголовка на «javascript: void (0)»

0 голосов
/ 24 марта 2011

Вы должны убедиться, что автоответчик отключен. Похоже, ваша страница перенаправлена, вы просто можете не заметить, как это происходит так быстро.

...