火狐、IE浏览器实现Extjs的grid表格的复制、粘贴
生活随笔
收集整理的這篇文章主要介紹了
火狐、IE浏览器实现Extjs的grid表格的复制、粘贴
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
2019獨角獸企業(yè)重金招聘Python工程師標準>>>
從后臺獲取參數(shù)，一次填入ext：grid網(wǎng)狀表格，發(fā)現(xiàn)表格內(nèi)的數(shù)據(jù)不能復(fù)制粘貼，只能read...，火狐和IE 11都不能復(fù)制。
火狐解決方案
局部定義表格復(fù)制、粘貼的樣式：??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>'??)??}????},??....})??全局定義復(fù)制、粘貼的樣式：??1、在*.css文件中添加樣式：???.x-selectable,?.x-selectable?*?{????-moz-user-select:?text!important;????-khtml-user-select:?text!important;????}???2、新建一個js文件，寫入如下內(nèi)容：??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、在每一個需要復(fù)制，粘貼的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下面樣式不確定要不要加，大家測試下，本人忘記了
轉(zhuǎn)載于:https://my.oschina.net/luyaolove/blog/418113
總結(jié)
以上是生活随笔為你收集整理的火狐、IE浏览器实现Extjs的grid表格的复制、粘贴的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Windows 10 多出多个虚拟显示器
- 下一篇： 6个黑科技网站