불여우, IE 브라우저는 Extjs의grid 표를 복사, 붙여넣기

백그라운드에서 파라미터를 가져와 ext:grid 그물 모양 표를 한 번에 입력하면 표 안의 데이터는 복사하여 붙여넣을 수 없고read만 사용할 수 있음을 발견합니다.화호와 IE11은 모두 복제할 수 없습니다.
파이어폭스 솔루션
 、 :  
  
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>

좋은 웹페이지 즐겨찾기