extjs的gridpanel的数据内容不能复制解决方法

最新推荐文章于 2020-05-09 10:26:03 发布

转载最新推荐文章于 2020-05-09 10:26:03 发布 · 1k 阅读

ExtJs 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了解决ExtJS中GridPanel无法复制数据的问题。通过自定义CSS样式和修改ExtJS模板来实现单元格内容的可选中及复制功能。此方案适用于需要在ExtJS应用中提供数据导出功能的场景。

extjs的gridpanel的数据内容不能复制解决办法
首先在主页的title下面加入

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

然后在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>'
);

也可以单写一个js，然后在首页中加入该js，要加在最后面；