Todavía estoy encontrando mi camino en Extjs, actualmente estoy mostrando datos de texto en una interfaz de usuario como esta:
reference: 'agentLogGrid', store: { xclass: 'Ext.data.ChainedStore', source: 'LogViewSource', }, itemConfig: { viewModel: true, }, columns: [{ text: 'Timestamp', xtype: 'templatecolumn', tpl: '{timestamp}', flex: 1, }, { text: 'Data', xtype: 'templatecolumn', tpl: '{data}', flex: 1, }],...Pero los textos no se pueden resaltar, eso significa que no puedo resaltarlos y copiarlos, o seleccionarlos y copiarlos. Cuando paso el mouse por encima, el puntero lo ve como un enlace, pero no puedo resaltarlo ni seleccionarlo. ¿Cómo puedo hacer que solo los {datos} sean resaltables?
En el kit de herramientas clásico, puede usar la propiedad enableTextSelection . Algo como esto:
Ext.application({ name: 'Fiddle', launch: function () { Ext.create('Ext.data.Store', { storeId: 'employeeStore', fields: ['firstname', 'lastname', 'seniority', 'department'], groupField: 'department', data: [{ firstname: "Michael", lastname: "Scott", seniority: 7, department: "Management" }, { firstname: "Dwight", lastname: "Schrute", seniority: 2, department: "Sales" }, { firstname: "Jim", lastname: "Halpert", seniority: 3, department: "Sales" }, { firstname: "Kevin", lastname: "Malone", seniority: 4, department: "Accounting" }, { firstname: "Angela", lastname: "Martin", seniority: 5, department: "Accounting" }] }); Ext.create('Ext.grid.Panel', { title: 'Column Template Demo', store: Ext.data.StoreManager.lookup('employeeStore'), columns: [{ text: 'Full Name', xtype: 'templatecolumn', tpl: '{firstname} {lastname}', flex: 1 }, { text: 'Department (Yrs)', xtype: 'templatecolumn', tpl: '{department} ({seniority})' }], // USE viewConfig enableTextSelection property viewConfig: { enableTextSelection: true }, height: 200, width: 300, renderTo: Ext.getBody() }); } });