ExtJS的Grid中的文本如何能够选择并复制到剪贴板

iteye_878

于 2012-04-20 12:17:51 发布

阅读量425

点赞数

分类专栏： ExtJS 文章标签： extjs grid

本文链接：https://blog.csdn.net/iteye_878/article/details/82311436

版权

ExtJS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

参考自 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下均测试通过。