FineUI 官方论坛

标题: 如何将表格滚动条自动滚动到表格底部 [打印本页]

作者: rao 时间: 2013-9-2 14:08
标题: 如何将表格滚动条自动滚动到表格底部
即时通信的页面，如果有刷新，grid就出现滚动条。需要类似qq的消息记录，滚动条去到底部。

作者: rao 时间: 2013-9-14 14:37
本帖最后由 rao 于 2013-10-28 14:52 编辑

没办法解决吗/

作者: rao 时间: 2013-10-28 15:05
等待中。。。。。。

作者: sanshi 时间: 2013-10-28 15:10
上截图，更详细的说明

作者: sanshi 时间: 2013-10-28 16:54

rao 发表于 2013-10-28 15:05
等待中。。。。。。

问问题，要尽量让别人明白，如果大家都看不懂，怎么解决问题

作者: sanshi 时间: 2013-10-28 16:54

rao 发表于 2013-10-28 15:05
等待中。。。。。。

问问题，要尽量让别人明白，如果大家都看不懂，怎么解决问题

作者: rao 时间: 2013-10-29 14:15

sanshi 发表于 2013-10-28 16:54
问问题，要尽量让别人明白，如果大家都看不懂，怎么解决问题

不好意思，没表达清楚。

如下图，是现在刷新表格后的效果（可以实现去到最后一页，但没有自动显示到最后一行）。
[attach]3496[/attach]

希望能够将右侧的滚动条自动去到底部，显示最后一行，如下图。
（因为每次自动刷新后，用户都要点鼠标到最后一行不够方便）
[attach]3497[/attach]

作者: yygy 时间: 2013-10-29 14:25
在js中
Grid1.view.focusCell(i, 1); //选中的获取焦点
Grid1.getSelectionModel().selectRow(i, false); // 选中行
i 表示第几行

作者: sanshi 时间: 2013-10-29 15:38
给你提供个思路：
1. 表格刷新后，可以在 onAjaxReady 函数中进行处理
2. 首先找到表格的主体节点元素
3. 然后调用元素 Element 的 srcoll 方法：http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.dom.Element-method-scroll

下面两个代码片段已经调试通过：
FineUI v3：

Ext.get(X('Panel7_Panel8_Grid2').el.query('.x-grid3-scroller')[0]).scroll('down', 10000)

复制代码

[attach]3500[/attach]

FineUI v4：

Ext.get(X('Panel7_Panel8_Grid2').el.query('.x-grid-view')[0]).scroll('down', 10000)

复制代码

[attach]3501[/attach]

欢迎光临 FineUI 官方论坛 (https://www.fineui.com/bbs/)