ExtJs GridPanel单元格不能选中复制
2014-07-01 10:53
267 查看
Ext.grid.GridPanel有一个重大缺陷,就是单元格的内容不能选中,没法选中就没法复制,给用户带来很多不便。
分析: 用IE Developer Toolbar打开ExtJs输出的代码研究了一下,发现每个单元格的div都有一个属性:unselectable="on",看来是css在作怪。
版本: 2.2(版本3.2.1测试通过)
解决办法: 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的单元格可以选中了。
分析: 用IE Developer Toolbar打开ExtJs输出的代码研究了一下,发现每个单元格的div都有一个属性:unselectable="on",看来是css在作怪。
版本: 2.2(版本3.2.1测试通过)
解决办法: 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源码真正解决:ExtJs4.0 GridPanel 数据内容不能选中复制。
- ExtJs疑难杂症之GridPanel单元格不能选中复制问题
- ExtJs疑难杂症之GridPanel单元格不能选中复制问题
- 修改extjs源码真正解决:ExtJs4.0 GridPanel 数据内容不能选中复制。
- ExtJs疑难杂症之GridPanel单元格不能选中复制问题
- [转]ExtJs疑难杂症之GridPanel单元格不能选中复制问题
- C#实现禁止选中Excel单元格,达到不能修改、复制、 全选
- Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法
- Extjs grid选中复制
- ExtJs 表格问题不能选中的解决方法
- ExtJS gridPanel文本不能复制的解决办法
- 解决extjs grid文字不能选中的问题
- ExtJs GridPanel单元格不能选中复制
- ie中ExtJs的Grid不能默认选中第一行的解决方法
- securecrf中vim选中不能复制却变成visual模式
- extjs的gridpanel的数据内容不能复制解决办法
- EXTJS GridPanel 右键复制当前选中单元格
- ExtJS 让grid里某行的checkbox不能选中
- extjs的gridpanel的数据内容不能复制解决方法