2

在我的网格上，我正在使用行编辑。

如果使用 Internet Explorer 10（也可能是其他版本）并且页面有滚动条

当我编辑一行并单击“更新”时，页面向上滚动到网格的开头。

这个问题在（虽然不是特别在 4.1 上）有很好的记录。

我已经看到修复了这样的覆盖 rowModel

Ext.override(Ext.selection.RowModel, {
    onRowMouseDown: function(view, record, item, index, e) {
//        view.el.focus();
        this.selectWithEvent(record, e);
    }
});

我还看到将以下内容添加到网格中。

selModel: Ext.create('Ext.selection.Model', { listeners: {} }),

这些选项都不适合我。

  • 编辑 *

我已经尝试了“preserveScrollOnRefresh：true”，如下所示。但问题仍然存在。我在 Dropbox 上放了一个例子。要在 Internet Explorer 中重新创建它，您需要最小化浏览器并单击/编辑需要网格页脚的项目。

https://www.dropbox.com/s/l50d12t3cjq8kef/scrolling.htm

4

2 回答 2

4

标准功能对我有用：

Ext.define('My.Grid', {
    extend: 'Ext.grid.Panel',

    viewConfig: {
        preserveScrollOnRefresh: true
    }
});
于 2012-07-25T16:22:37.330 回答
1

如果您使用 CellModel 或对其他解决方案有疑问，此解决方案应该可以工作：

Ext.override(Ext.dom.Element, {
    focus: function (defer, dom) {
        var me = this,
            scrollTop,
            body;

        dom = dom || me.dom;
        body = (dom.ownerDocument || DOC).body || DOC.body;
        try {
            if (Number(defer)) {
                Ext.defer(me.focus, defer, me, [null, dom]);
            } else {
                if (dom.tagName != 'DIV') {
                    if (dom.offsetHeight > Ext.dom.Element.getViewHeight()) {
                        scrollTop = body.scrollTop;
                    }
                    dom.focus();
                    if (scrollTop !== undefined) {
                        body.scrollTop = scrollTop;
                    }
                }
            }
        } catch (e) {
        }
        return me;
    }
});
于 2015-07-20T05:51:28.780 回答