EXT3中的表格选中复制问题

关于EXT3中的表格选中复制问题,网上众多解决办法大同小异,基本都可以解决。
但是近期发现网上提供的方案在高版本的chrome中不起作用,遂研究之,得出以下结论(注意样式中的高亮部分)。


(1)定义样式

.x-selectable, .x-selectable * { 
	user-select: text! important;
	-o-user-select: text! important;
	-moz-user-select: text! important;
	-khtml-user-select: text! important;
	-webkit-user-select: text! important;
}

(2)应用单个表格
grid=new Ext.grid.GridPanel({  
        viewConfig: {       
    templates: {      
     cell: new Ext.Template(    
       '<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>'  
        )  
     }    
   },  
  
....})

(3)设置表格默认属性
if  (!Ext.grid.GridView.prototype.templates) {    
    Ext.grid.GridView.prototype.templates = {};    
}    
Ext.grid.GridView.prototype.templates.cell =  new  Ext.Template(    
     '<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>'    
); 




你可能感兴趣的:(EXT3中的表格选中复制问题)