`
xpenxpen
  • 浏览: 703481 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

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下均测试通过。
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics