如何防止 extjs 网格在点击单元格时滚动？

Question

我目前正在使用基于可编辑网格示例的 Extjs 4 网格组件。我希望有一个与每个单元格关联的链接，这样当我单击一个单元格时，它会将我带到另一个页面。但是，当单击链接时页面上会触发垂直滚动。

例如尝试减小 http://dev 的大小.sencha.com/deploy/ext-4.0.0/examples/grid/cell-editing.html，第一次点击网格会滚动页面，使网格位于中心，事件被吞掉。您必须再次单击才能注册 cellclick 事件。这只发生在 IE 中（我使用的是版本 8）。好消息是，其他浏览器不会发生这种情况，这可能是一个错误，有没有办法阻止第一次滚动操作的发生？

谢谢

Answer 1

我遇到了同样的问题，并在 Sencha 讨论板上找到了解决方案。

添加此代码确实对我有用：

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

更多信息：
http://www.sencha.com/forum/showthread.php?133983-How-to-prevent-extjs-grid-from-scrolling-when-clicking-on-a-cell

Answer 2

试试这个补丁

Ext.override(Ext.selection.RowModel, {
    onRowMouseDown: function(view, record, item, index, e) {
        //IE fix: set focus to the first DIV in selected row
        Ext.get(item).down('div').focus();

        if (!this.allowRightMouseSelection(e)) {
            return;
        }

        this.selectWithEvent(record, e);
    }
});

Answer 3

我今天在 ExtJS 4.2 中遇到了同样的问题，早期的解决方案对我不起作用，在 gridpanel 上使用此配置可​​以完全解决问题：

viewConfig: {
    focusRow: Ext.emptyFn
}

例如：

Ext.create('Ext.grid.Panel', {
    title: 'Simpsons',
    store: Ext.data.StoreManager.lookup('simpsonsStore'),
    viewConfig: {
        focusRow: Ext.emptyFn
    }
    columns: [
        { text: 'Name',  dataIndex: 'name' },
        { text: 'Email', dataIndex: 'email', flex: 1 },
        { text: 'Phone', dataIndex: 'phone' }
    ],
    height: 200,
    width: 400,
    renderTo: Ext.getBody()
});

Answer 4

这可能类似于此问题： 在 IE7 中，第一次单击网格会导致 ExtJS Ext.grid.GridPanel 跳转到页面顶部
尝试在网格周围的容器上使用position:relative;zoom:1来给它hasLayout