错误 EXTJS-22715 enableTextSelection: true 在 Window 内无效的解决方法

Posted 2023-03-30

【中文标题】错误 EXTJS-22715 enableTextSelection: true 在 Window 内无效的解决方法

【英文标题】：Workaround for Bug EXTJS-22715 enableTextSelection: true has no effect inside Window

【发布时间】：2017-03-13 10:05:13

【问题描述】：

当网格位于窗口内时，enableTextSelection 属性不起作用。以下代码对网格没有影响。

viewConfig: 
    enableTextSelection: true

查看这个小提琴的演示： https://fiddle.sencha.com/#fiddle/1jg2 还有这个煎茶论坛主题：https://www.sencha.com/forum/showthread.php?331120

ExtJs 6.2.0 版本受到影响，但问题在 ExtJs 6.2.1 中得到解决。

问题是目前还没有 ExtJs 6.2.1 GPL 版本。

这个问题有解决办法吗？

【参考方案1】：

我已经解决了您的问题，请查看fiddle。在这里，我根据给定的 enableTextSelection 配置在 viewConfig 中添加了 getRowClass()。这解决了问题。如有任何疑问，请回复。 下面是代码：

id: 'sampleGrid',
viewConfig: 
    enableTextSelection: true,
    getRowClass: function (record, rowIndex, rowParams, store) 
       var enableTextSelection=Ext.getCmp('sampleGrid').viewConfig.enableTextSelection;
       if(enableTextSelection)
        return "x-selectable";
    
,

还有一种更简单的方法，无需在网格中添加id（因为在getRowClass 内部this 指的是视图本身）：

viewConfig: 
    enableTextSelection: true,
    getRowClass: function () 
        return this.enableTextSelection ? 'x-selectable' : '';
    
,

【讨论】：

谢谢。这看起来不错的样子。明天我会在我的应用程序中测试它。请在您的答案中包含代码，以便即使小提琴不再存在，我也可以帮助其他人。