EXT3中的表格选中复制问题

最新推荐文章于 2021-05-12 22:55:17 发布

wirror800

最新推荐文章于 2021-05-12 22:55:17 发布

阅读量2.1k

点赞数 4

CC 4.0 BY-SA版权

分类专栏： Javascript YUI/EXTJS

本文链接：https://blog.youkuaiyun.com/wirror800/article/details/8126785

Javascript 同时被 2 个专栏收录

3 篇文章

订阅专栏

YUI/EXTJS

1 篇文章

订阅专栏

关于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>'    
);