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

ExtJS的Grid中的文本如何能够选择并复制到剪粘板
参考自 http://www.sencha.com/learn/grid-faq,
How to select text in the grid (with the mouse) so that it can be copied to the clipboard

First, add an extra CSS rule:
<style type="text/css">
        .x-selectable, .x-selectable * {
               -moz-user-select: text!important;
               -khtml-user-select: text!important;
        }
</style>


Next use this as default behavior
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>'
);


我用的是ExtJS3.4,在IE8,Firefox11,Chrome18下均测试通过。