跳转记录问题

我想实现附件里的图片功能。
1：跳转record。
2：点击向右箭头，可以一条一条记录滑下来。最左边会有三角标志是滑到这一行。
3：有总记录条数，跳转到了第几条
4：可以直接跳转到第一条和最后一条。
5：如果数据多，跳转到最后一条会很慢吗？
6：已经有类似封装好的方法了吗？

感谢您的支持，对您有帮助就好。

收藏文章收藏文章

我这边做了一个Demo，发到附件中了，您参考一下。

KevinChen 发表于 2019-1-23 10:56
您好，实在很抱歉，Spread JS不支持这种导航栏，也没有留出扩展的接口，您说的这个无法实现。

额。。。。好吧
那请问，showrow是每执行一次，都是选中的在每页第一条，setselection是即使行数已经超出了一页显示范围，也不会自己跳滚动条。
我希望在下一条出了显示一页显示框之后，自己那一条再跳上来，显示在显示框的div里。该用什么方法？

您好，实在很抱歉，Spread JS不支持这种导航栏，也没有留出扩展的接口，您说的这个无法实现。

KevinChen 发表于 2019-1-22 17:59
您可以通过自定义单元格的方式来画一个标记，

实际上SpreadJS 的行头和列头区域，就相当于两个数据表格 ...

我说明的很清楚，我不想在行头或者列头或者表外面任何一个地方写导航。我想要的位置是表格的下滚动条前面显示。请看图例。如果，位置还是不明白，我可以再详细说明。

您可以通过自定义单元格的方式来画一个标记，

实际上SpreadJS 的行头和列头区域，就相当于两个数据表格区域一样，

支持了大部分操作。

我给您上传一个现有的Demo，您可以参考一下。

KevinChen 发表于 2019-1-22 14:02
您好，您要导航到具体行或者列，可以通过showRow和showColumn来实现，

也可以用getViewportTopRow获取到 ...

谢谢，这个例子有一些帮助。但是例子是写html元素（input），然后绑定事件去导航行。
我想要的是在在spread区域里面，具体位置是在spreadjs生成的table的横滚导航条前面画个控件，实现行的导航和跳转。我不知道在那个区域画控件的接口。
第一个提问的截图里我有用红框框出来的位置。就按照他的图实现功能。

您好，您要导航到具体行或者列，可以通过showRow和showColumn来实现，

也可以用getViewportTopRow获取到当前页面顶部显示的行号，相信这些API可以帮助您。

这些API都是Wooksheet的方法，请参考：

showRow:

http://help.grapecity.com/spread ... ksheet~showRow.html

getViewportTopRow:

http://help.grapecity.com/spread ... ViewportTopRow.html

如果您还需要选中指定区域或单元格，可以参考：

http://help.grapecity.com/spread ... t~setSelection.html

可以用sheet.getRowCount()来获取总条数，实现跳转到最后一条。

Spread JS都是lazyload结合实时渲染的机制，数据条目数量对您这个功能的性能没有影响。