ExtJs疑难杂症之GridPanel单元格不能选中复制问题
来源:互联网 发布:lol端口号 编辑:程序博客网 时间:2024/05/24 01:25
Ext.grid.GridPanel有一个重大缺陷,就是单元格的内容不能选中,没法选中就没法复制,给用户带来很多不便。
分析: 用IE Developer Toolbar打开ExtJs输出的代码研究了一下,发现每个单元格的div都有一个属性:unselectable="on",看来是css在作怪。
版本: 2.2
解决办法: extJs官方论坛上有具体的解决办法,比较可行的如下。
step1:添加新的css样式。
CSS代码
<style type= "text/css" > .x-selectable, .x-selectable * { -moz-user-select: text! important ; -khtml-user-select: text! important ; } </style>
step2:修改Ext.grid.GridPanel的protoType,我是自己写了一个新的js文件,记得要在ext-all.js后面引入。
JavaScript代码
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>' );
done!现在GridPanel的单元格可以选中了。
- ExtJs疑难杂症之GridPanel单元格不能选中复制问题
- ExtJs疑难杂症之GridPanel单元格不能选中复制问题
- ExtJs疑难杂症之GridPanel单元格不能选中复制问题
- ExtJs疑难杂症之GridPanel单元格不能选中复制问题
- ExtJs疑难杂症之GridPanel单元格不能选中复制问题
- [转]ExtJs疑难杂症之GridPanel单元格不能选中复制问题
- ExtJs GridPanel单元格不能选中复制
- ExtJs GridPanel单元格不能选中复制
- ExtJs GridPanel单元格不能选中复制
- EXTJS GridPanel 右键复制当前选中单元格
- EXTJS GridPanel 右键复制当前选中单元格
- 修改extjs源码真正解决:ExtJs4.0 GridPanel 数据内容不能选中复制。
- ExtJS gridPanel文本不能复制的解决办法
- ext gridpanel单元格复制
- Extjs学习笔记---设置GridPanel选中行背景色和选中单元格背景色
- extjs的gridpanel的数据内容不能复制解决办法
- extjs的gridpanel的数据内容不能复制解决方法
- extjs的gridpanel的数据内容不能复制解决办法
- 规则一:使用属性而不是方法
- VB//MSCOMM的常用属性
- AIDL --- Android中的远程接口
- WiFi学习总结
- java.lang.OutOfMemoryError: Java heap space
- ExtJs疑难杂症之GridPanel单元格不能选中复制问题
- Intent 传递复杂对象
- 数据库迁移时Excel列格式错误导致数据丢失的问题-Oracle-Datapump
- zigbee学习参考(1~42 )
- 如何修改frameworks层代码并使修改有效
- 基于用户的推荐和基于物品的推荐
- jQuery基础之六 -- 异步Ajax
- Eclipse 修改注释中字体的大小
- prototype 原型