EXT3中的表格选中复制有关问题
EXT3中的表格选中复制问题
关于EXT3中的表格选中复制问题,网上众多解决办法大同小异,基本都可以解决。
但是近期发现网上提供的方案在高版本的chrome中不起作用,遂研究之,得出以下结论(注意样式中的高亮部分)。
(2)应用单个表格
(3)设置表格默认属性
关于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>' );