Necesito tener Ext.panel.Grids (v6.2.0) que sean redimensionables y permitan a los usuarios seleccionar los valores de celda.
Tengo un montón de cuadrículas que configuré para que se redimensionen con:
resizable: { pinned: true, handles: 's' }el problema ahora, incluso con anulaciones en la vista de tabla...
Ext.override(Ext.view.Table, { enableTextSelection: true })... Ya no puedo seleccionar el texto dentro de las cuadrículas. Si elimino el cambio de tamaño, las cuadrículas me permiten seleccionar los valores de registro para copiar y pegar más tarde.
También intenté anular la selección de texto habilitado de la columna, pero aún así no funcionó.
La única forma en que esto parecía funcionar era anular el "constructor" de Ext.resizer.Resizer. Traté de incluir solo las partes que necesitaban cambiar, pero terminé usando todo el constructor (https://docs.sencha.com/extjs/6.2.0/classic/src/Resizer.js.html ) en mi anulación y agregó lo siguiente al final:
me.el.removeCls(unselectableCls)y cambió lo siguiente solo para estar seguro:
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' });algo aquí forzaba la clase no seleccionable en el div principal de la cuadrícula y hacía que el contenido de todo el div no fuera seleccionable. Intenté anularlo CSS y anular Ext.column.Column y Ext.table.View y nada de eso funcionó.
Yo agregué esto en la configuración de la grilla:
viewConfig: { enableTextSelection: true, getRowClass: function () { return this.enableTextSelection ? "x-selectable" : ''; // bugfix for ExtJs 6.2.0 } },Esto permitirá seleccionar las filas.