Text Selections in Grid cell

[hundare]

Try this solution. Works in all browsers

.x-grid-row ,.x-grid-cell, .x-unselectable, .x-unselectable * {
 -webkit-user-select: text !important;
 -o-user-select: text !important;
 -khtml-user-select: all !important;
 -ms-user-select: text !important;
 user-select: text !important;
 -moz-user-select: text !important;
} 

 if(typeof Ext != 'undefined'){
  Ext.core.Element.prototype.unselectable = function(){return this;};
  Ext.view.TableChunker.metaRowTpl = [
   '<tr class="' + Ext.baseCSSPrefix + 'grid-row {addlSelector} {[this.embedRowCls()]}" {[this.embedRowAttr()]}>',
    '<tpl for="columns">',
     '<td class="{cls} ' + Ext.baseCSSPrefix + 'grid-cell ' + Ext.baseCSSPrefix + 'grid-cell-{columnId} {{id}-modified} {{id}-tdCls} {[this.firstOrLastCls(xindex, xcount)]}" {{id}-tdAttr}><div class="' + Ext.baseCSSPrefix + 'grid-cell-inner ' + Ext.baseCSSPrefix + 'unselectable" style="{{id}-style}; text-align: {align};">{{id}}</div></td>',
    '</tpl>',
   '</tr>'
  ];
 } 

I get an error in IE8 saying "Ext.view.TableChunker" is null or not an object. I have placed this code in my HTML file after calling the ext.js file. Iam using ExtJS 4. Can you plz help me with this. It works fine in Safari & Firefox browsers!

Thanks!

[olecom]

Due to selection restrictions of grid design it seems like making selection available just in rowexpander is not that bad solution.

[jagadeesha]

I got it worked on other browser's except Chrome Version 23.0.1271.95 m.

Please help.

[jagadeesha]

Yes i got it worked even on webkit browser's too by adding -webkit-user-select: text !important;

Finnaly my overriden css looks like below.

.x-list-body dt EM,.x-list-header-inner DIV EM,.x-grid3-row td,.x-grid3-summary-row td,.x-grid3-cell-text,.x-grid3-hd-text,.x-grid3-hd,.x-grid3-row
    {
    -moz-user-select: inherit !important;
    -khtml-user-select: text !important;
    -webkit-user-select: text !important;
}