火狐、IE浏览器实现Extjs的grid表格的复制、粘贴

2019独角兽企业重金招聘Python工程师标准>>>

从后台获取参数，一次填入ext：grid网状表格，发现表格内的数据不能复制粘贴，只能read...，火狐和IE 11都不能复制。

火狐解决方案

局部定义表格复制、粘贴的样式：  1.在jsp、html中的<head></head>中添加css样式：  <style type="text/css">   .x-selectable, .x-selectable * {    -moz-user-select: text!important;    -khtml-user-select: text!important;    }    </style>   2.在grid中添加：  grid=new Ext.grid.GridPanel({  viewConfig: {       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>'  )  }    },  ....})  全局定义复制、粘贴的样式：  1、在*.css文件中添加样式：   .x-selectable, .x-selectable * {    -moz-user-select: text!important;    -khtml-user-select: text!important;    }   2、新建一个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>'
);  3、在每一个需要复制，粘贴的grid的中引入此js(注：必须在ext-all.js后引入)

IE解决方案

直接修改ext-all.js文件，将下面一个地方的unselectable="on"值改为unselectable=""即可

{c.cell=new Ext.Template('<td class="x-grid3-col x-grid3-cell x-grid3-td-{id} {css}" style="{style}" tabIndex="0" {cellAttr}>','<div class="x-grid3-cell-inner x-grid3-col-{id}" unselectable="" {attr}>{value}</div>',"</td>")}for(var a in c){var b=c[a];if(b&&Ext.isFunction(b.compile)&&!b.compiled){b.disableFormats=true;b.compile()}}this.templa

下面样式不确定要不要加，大家测试下，本人忘记了

<style type="text/css">.x-grid3-cell-text-visible .x-grid3-cell-inner {overflow:visible;padding:3px 3px 3px 5px;white-space:normal;word-wrap: break-word; }
</style>

转载于:https://my.oschina.net/luyaolove/blog/418113

火狐、IE浏览器实现Extjs的grid表格的复制、粘贴相关推荐

iview表格批量复制粘贴
iview表格批量复制粘贴页面引入jq,vue cli项目先npm install jquery --save,再在页面中引入jq 表格盒子外设置id(方便jq绑定盒子内部的粘贴事件),页面初始化给 ...
表格中复制粘贴到其他位置的数据会携带引号等不可见字符
表格中复制粘贴到其他位置的数据会携带引号等不可见字符先选择数字,右击鼠标,选择:"清楚内容"–"特殊字符"–"不可见字符" 导致这个问题出 ...
HTML里的表格不能复制粘贴,wps表格不能复制粘贴
有时候我们在使用WPS的时候会遇到wps不能复制粘贴,那么wps中为什么不能复制粘贴呢?遇到不能复制怎么办?学习啦小编为大家解决wps不能复制粘贴,希望能帮到大家. wps表格不能复制粘贴你好,在W ...
HTML里的表格不能复制粘贴,表格之间无法复制粘贴怎么办_两个EXCEL表格为什么不能复制和粘贴-win7之家...
我们要录入数据或者制作表格的时候,经常会需要使用excel表格软件来实现,然而在操作过程中有些用户反映说遇到这样一个图问题,就是表格之间要进行复制粘贴的时候,却会提示"excel 无法粘贴信 ...
python拷贝excel工作簿_几百个Excel表格需要复制粘贴，如何用Python一键搞定？
在工作中经过会遇到大量格式一致,内容不同的Excel表格文件,需要将这里面的内容整理到一个Excel文件中的情形.一般情况下,都是将这些Excel表格文件一个一个地打开,将里面的内容复制,然后粘贴到一 ...
计算机表格复制粘贴后不变,excel表格复制粘贴后格式不变
Excel使用过程中经常需要将一个表格内容复制粘贴到其他表格中去.如果原始表格设置了行高和列宽,选中要复制的区域复制后,当在其他表格选择一个单元格进行粘贴时,行高和列宽就都变了.下面介绍excel表格 ...
网页内容复制粘贴(三种方案兼容多种浏览器)
tags: js ctrl+c 网页内容复制粘贴(三种方案兼容多种浏览器) 对网页上的内容实现复制粘贴的功能痛点:需要支持多种不同的浏览器主要有IE,Firefox IE浏览器下的解决方案: w ...
ExtJs 日期相加，Grid表格列可编辑
1.日期相加: Ext.Date.add(new Date(), Ext.Date.DAY, 15) 2.Grid表格列可编辑: { header : "实际已交货量", ...
ExtJS4.2学习(三)Grid表格（转）
鸣谢:http://www.shuyangyang.com.cn/jishuliangongfang/qianduanjishu/2013-11-07/172.html --------------- ...

火狐、IE浏览器实现Extjs的grid表格的复制、粘贴

火狐、IE浏览器实现Extjs的grid表格的复制、粘贴相关推荐

最新文章

热门文章