exjts grid chrome浏览器可复制
原创    java_world    发表于:2018-04-11 11:12:23
  阅读 :26   收藏   编辑

ExtJs的Ext.grid.GridPanel在谷歌浏览器下无法复制,再网上找了写资料,
参考如下,本人extsjs版本3.2

step1:添加新的css样式。

<style type= "text/css" >         
   .x-selectable, .x-selectable * {
            -moz-user-select: text ! important;
            -khtml-user-select: text ! important;
            -webkit-user-select: text !important;

    }         
</style>

step2:修改Ext.grid.GridPanel的protoType,我是自己写了一个新的js文件,记得要在ext-all.js后面引入。

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

参考资料:AHLX

评论
条评论