首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

[转载]ExtJs疑难杂症之GridPanel单元格不能选中复制有关问题

2012-11-04 
[转载]ExtJs疑难杂症之GridPanel单元格不能选中复制问题今天遇到grid复制的问题,在网上找到了一个解决办法

[转载]ExtJs疑难杂症之GridPanel单元格不能选中复制问题
今天遇到grid复制的问题,在网上找到了一个解决办法,只需改下CSS和JS,给大家分享一下:
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/dy_paradise/archive/2010/01/19/5212389.aspx

Ext.grid.GridPanel有一个重大缺陷,就是单元格的内容不能选中,没法选中就没法复制,给用户带来很多不便。

分析: 用IE Developer Toolbar打开ExtJs输出的代码研究了一下,发现每个单元格的div都有一个属性:unselectable="on",看来是css在作怪。

版本: 2.2 (也适用v3+)

解决办法: extJs官方论坛上有具体的解决办法,比较可行的如下。

step1:添加新的css样式。

   

step2:修改Ext.grid.GridPanel的protoType,我是自己写了一个新的js文件,记得要在ext-all.js后面引入。

   
done!现在GridPanel的单元格可以选中了。
按转载的文章,直接覆盖后,导致grid中的rowBody不能使用。。。

为了避免rowBody不能使用,新建一个View类,继承GridView,然后修改新类的prototype.templates属性值,这样在需要能选中列的Grid中使用新的view对象就可以了。

 

热点排行