[转]ExtJs疑难杂症之GridPanel单元格不能选中复制问题
2012-10-22 11:00
495 查看
Ext.grid.GridPanel有一个重大缺陷,就是单元格的内容不能选中,没法选中就没法复制,给用户带来很多不便。
分析: 用IE Developer Toolbar打开ExtJs输出的代码研究了一下,发现每个单元格的div都有一个属性:unselectable="on",看来是css在作怪。
版本: 2.2
解决办法: extJs官方论坛上有具体的解决办法,比较可行的如下。
step1:添加新的css样式。
CSS代码
1.<style type= "text/css" >
2. .x-selectable, .x-selectable * {
3. -moz-user-select: text! important ;
4. -khtml-user-select: text! important ;
5. }
6.</style>
step2:修改Ext.grid.GridPanel的protoType,我是自己写了一个新的js文件,记得要在ext-all.js后面引入。
JavaScript代码
1.if (!Ext.grid.GridView.prototype.templates) {
2. Ext.grid.GridView.prototype.templates = {};
3.}
4.Ext.grid.GridView.prototype.templates.cell = new Ext.Template(
5. \'<td class="x-grid3-col x-grid3-cell x-grid3-td-{id} x-selectable {css}" style="{style}" tabIndex="0" {cellAttr}>\' ,
6. \'<div class="x-grid3-cell-inner x-grid3-col-{id}" {attr}>{value}</div>\' ,
7. \'</td>\'
8.);
done!现在GridPanel的单元格可以选中了。
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/dy_paradise/archive/2010/01/19/5212389.aspx
分析: 用IE Developer Toolbar打开ExtJs输出的代码研究了一下,发现每个单元格的div都有一个属性:unselectable="on",看来是css在作怪。
版本: 2.2
解决办法: extJs官方论坛上有具体的解决办法,比较可行的如下。
step1:添加新的css样式。
CSS代码
1.<style type= "text/css" >
2. .x-selectable, .x-selectable * {
3. -moz-user-select: text! important ;
4. -khtml-user-select: text! important ;
5. }
6.</style>
step2:修改Ext.grid.GridPanel的protoType,我是自己写了一个新的js文件,记得要在ext-all.js后面引入。
JavaScript代码
1.if (!Ext.grid.GridView.prototype.templates) {
2. Ext.grid.GridView.prototype.templates = {};
3.}
4.Ext.grid.GridView.prototype.templates.cell = new Ext.Template(
5. \'<td class="x-grid3-col x-grid3-cell x-grid3-td-{id} x-selectable {css}" style="{style}" tabIndex="0" {cellAttr}>\' ,
6. \'<div class="x-grid3-cell-inner x-grid3-col-{id}" {attr}>{value}</div>\' ,
7. \'</td>\'
8.);
done!现在GridPanel的单元格可以选中了。
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/dy_paradise/archive/2010/01/19/5212389.aspx
相关文章推荐
- ExtJs疑难杂症之GridPanel单元格不能选中复制问题
- ExtJs疑难杂症之GridPanel单元格不能选中复制问题
- ExtJs疑难杂症之GridPanel单元格不能选中复制问题
- ExtJs疑难杂症之GridPanel单元格不能选中复制问题
- 解决extjs grid文字不能选中的问题
- Extjs grid 不能复制问题解决
- ExtJs的Ext.grid.GridPanel不能选择复制表格中的内容解决方案
- ExtJS GridPanel加上复选框之后,行选中问题
- ExtJs的Ext.grid.GridPanel不能选择复制表格中的内容解决方案
- Extjs gridpanel使用遇到selectionchange被多次触发问题解决办法,grid表格复选框无法取消选中
- Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法
- ExtJS4.2 Grid知识点七:显示行号、斑马线效果(奇偶行背景色不一致)、复制单元格文字、禁止点击列排序
- Extjs grid选中复制
- extjs关于treePanel+chekBox全部选中以及清空选中问题探讨
- extjs4学习资料(gridpanel布局问题)
- 关于Extjs_gridpanel设置autoHeighttrue时横向滚动条的问题
- extjs关于treePanel+chekBox全部选中以及清空选中问题探讨
- ExtJs gridPanel默认选中第一行
- 导航面板[ExtJS4]ExtJS4左边菜单面板收缩展开,右边TabPanel内容动态更新(解决宽度不能自适应问题)