将 Kendo 可分页用户输入保存到持久网格状态

Question

我在使用剑道.Pagable 时遇到问题。我们有一个在grid 中显示条目的网络应用程序。用户可以在每个站点 25、50、100、200 个条目之间进行选择。但每当用户进入条目编辑页面并返回概览页面时，它都会重置为每页 25 个条目。

我不知道如何在重新加载时为网格保持状态（假设每页 100 个条目）。你能帮帮我吗？

这里是代码sn-p

GRID.DataSource(dataSource => dataSource
          .Ajax()
          .PageSize(25)
          .Model(m => { m.Id(a => a.Id); })
          .Read(read => read
              .Action("Read", "Overview")
              .Data("additionalGridData"))
          .Sort(x => x.Add(y => y.Id))
      )
      .AutoBind(false)
      .Filterable()
      .Sortable(c=>c.SortMode(GridSortMode.MultipleColumn).AllowUnsort(true).ShowIndexes(true).Enabled(true))
      .Pageable(p => p.PageSizes(new[] {25, 50, 100, 200}))

提前致谢！

Answer 1

在编辑时将网格选项保存在localStorage 或window.onbeforeunload 中，然后加载选项并将其设置在网格上。这是一个使用 jQuery 的示例，但其他语言的方法相同。

//save
let options = $('#grid').getKendoGrid().getOptions();
localStorage['grid-options'] = kendo.stringify(options);

//load
let options = localStorage['grid-options'];
let optionsObject = JSON.parse(options);
$('#grid').getKendoGrid().setOptions(optionsObject);

这将保存页面大小、当前页面和其他内容。