如何使用ExtJs滚动到网格底部

时间:2014-05-16 03:51:36

标签: extjs

我正在使用ExtJs。当我点击“添加”时,我希望我的滚动仍在底部(最后一行)我网格上的按钮。我做了一些像这样的代码:

xtype: 'button',
        text: 'Add',
        iconCls: "icon-grid-add",
        id: 'ReqAddBtn',
        handler: ReqWinAdd,
        listeners: {
            'click': function () {
                var records = Ext.getCmp('prGrid').getStore().data.length + 1;
                Ext.getCmp('prGrid').getView().focusRow(records);
            }
        }

我创建了这样的事件点击。它在第一次点击时有效。但是当下一次点击时,滚动就会向上移动。

如何使滚动始终位于网格底部?

2 个答案:

答案 0 :(得分:7)

首选方法是获取网格视图并滚动它:

grid.getView().scrollBy(0, 999999);

grid.getView().scrollBy(0, 999999, true);

如果你想为滚动设置动画

答案 1 :(得分:1)

最后我得到了答案。

我将我的活动改为:

var scrollPosition = 100;   
YourGrid.getEl().down('.x-grid-view').scroll('bottom', scrollPosition, true);

它使滚动仍然在网格的底部。谢谢大家。