日期:2014-05-16  浏览次数:20468 次

extjs4 - 表格内容可选中复制

添加CSS:

?

/* make table selectable and copyable */

.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;

}

?

然后在JS中:

/* make grid content selectable and copyable */

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>'

?];

?}