Making ExtJS 4 grid content selectable Making ExtJS 4 grid content selectable javascript javascript

Making ExtJS 4 grid content selectable


You can add enableTextSelection: true to your viewConfig or apply the change globally for every grid with this:

Ext.override(Ext.grid.View, { enableTextSelection: true });


Combining several of these answers in the most Exty way.... Set enableTextSelection to true in the grid's view when creating the grid.

var grid = new Ext.grid.GridPanel({   viewConfig: {      enableTextSelection: true   },});


You can add it like this, using renderer for the column

columns: [    {        header: "",        dataIndex: "id",        renderer: function (value, metaData, record, rowIndex, colIndex, store) {            return this.self.tpl.applyTemplate(record.data);        },        flex: 1    }],statics: {    tpl: new Ext.XTemplate(        '<td class="x-grid3-col x-grid3-cell x-grid3-td-{id} x-selectable {css}" style="{style}" tabIndex="0" {cellAttr}>',            '<div class="x-grid3-cell-inner x-grid3-col-{id}" {attr}>{value}</div>',        '</td>')}