在Kendo Angular Grid上设置滚动位置

时间:2018-10-12 20:53:25

标签: kendo-ui-angular2

当网格位于组件中的一条路线上并且用户导航离开然后返回时,当前的剑道网格将失去其滚动位置并从顶部开始。 有谁知道“记住”滚动位置的方法,以便可以在网格上手动设置它?

3 个答案:

答案 0 :(得分:0)

这可以通过记住选择的行,保存行的id并在用户向后导航时设置网格属性 [selectedKeys] =“ id” 来完成。

例如,如果网格数据基于产品数据,则保存上次查看的行ID( ProductID )。当用户导航回到网格时,可以将保存的ProductID推送到网格上绑定的数组。这将使该行处于选中状态,要滚动到该行,可以使用 k-state-selected scrollIntoView 类将其滚动到视图中。

这是一个基本的实现,但应该给您足够的帮助。我创建了一个Stackblitz example,因此您可以了解如何实施。确保使用 kendoGridSelectBy selectedKeys 配置网格。 kendoGridSelectBy 应该与您推送到数组的ID相匹配。在我创建的示例中,它是ProductID。

答案 1 :(得分:0)

您可以将网格public static int reverse(int num) { StringBuffer stringBuffer = new StringBuffer(String.valueOf(num);); stringBuffer.reverse(); return Integer.parseInt(stringBuffer.toString()); } 设置为与上一次相同的值。您可以签出persist state examples。网格使用常规分页,但适用相同的原理。

答案 2 :(得分:0)

这不是一个很好的解决方案,但是暂时可行。这里是。 在带有网格的组件内部:

app.anotherwebsite.com CNAME app.example.com.