无法在可调整大小的网格中选择文本

brjng4g3  于 2022-09-26  发布在  其他
关注(0)|答案(2)|浏览(230)

我需要Ext.panel。网格(v6.2.0)既可调整大小,又允许用户选择单元格值。
我有一组网格,我已经设置为可以调整大小:

resizable: {
    pinned: true,
    handles: 's'
}

现在的问题,即使在Table视图上覆盖。。。

Ext.override(Ext.view.Table, {
    enableTextSelection: true
})

…我无法再选择网格中的文本。如果删除调整网格大小,则允许我选择记录值,以便稍后复制和粘贴。
我也尝试过重写列的enableTextSelection,但仍然没有成功。

g2ieeal7

g2ieeal71#

这似乎唯一可行的方法是覆盖Ext.resizer。Resizer的“构造函数”。我试图只包含需要更改的部分,但最终在覆盖中使用了整个构造函数(https://docs.sencha.com/extjs/6.2.0/classic/src/Resizer.js.html),并在末尾添加了以下内容:

me.el.removeCls(unselectableCls)

为了安全起见,更改了以下内容:

handleEl = me[pos] = me.el.createChild({
    id: me.el.id + '-' + pos + '-handle',
    cls: Ext.String.format(handleCls, pos), //removed the unselectable class
    unselectable: 'off', //changed from 'on' to 'off'
    role: 'presentation'
});

这里的一些东西迫使网格的父div上的不可选择类,并使整个div的内容不可选择。我尝试重写它CSS,并重写Ext.column。列和扩展表。视图,但这些都不起作用。

8mmmxcuj

8mmmxcuj2#

II在网格配置中添加了以下内容:

viewConfig: {
    enableTextSelection: true,
    getRowClass: function () {
        return this.enableTextSelection ? "x-selectable" : ''; // bugfix for ExtJs 6.2.0
    }
},

这将允许选择行。

相关问题