extjs4 - 报表内容可选中复制

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

 ];

 }