ExtJS gridPanel文本不能复制的解决办法
2014-07-22 14:24
253 查看
ExtJS默认是禁用了文本复制的功能,实际需求中可能需要能够复制,那么如何解决了,我在网上看到了许多解决办法,绝大部分都是从重写CSS样式或者重写gridView代码入手,我遇到这个问题的时候,我想作为如此成熟的一个JS框架,应该有某个配置开关对应是否需要复制文本的功能。于是我从逐层分析源码,最终让我找到了其开关名称。
找到这里,一切都明白了,只要通过配置enableTextSelection属性就可以了,其实我们在gridView中可以找到这个属性。
接下来就是如何在gridPanel中配置了,只需要在viewConfig中配置这个属性就可以了。借助官网API上的gridPanel上的例子来说明下。
效果截图如下。
找到这里,一切都明白了,只要通过配置enableTextSelection属性就可以了,其实我们在gridView中可以找到这个属性。
接下来就是如何在gridPanel中配置了,只需要在viewConfig中配置这个属性就可以了。借助官网API上的gridPanel上的例子来说明下。
Ext.create('Ext.data.Store', { storeId:'simpsonsStore', fields:['name', 'email', 'phone'], data:{'items':[ { 'name': 'Lisa', "email":"lisa@simpsons.com", "phone":"555-111-1224" }, { 'name': 'Bart', "email":"bart@simpsons.com", "phone":"555-222-1234" }, { 'name': 'Homer', "email":"home@simpsons.com", "phone":"555-222-1244" }, { 'name': 'Marge', "email":"marge@simpsons.com", "phone":"555-222-1254" } ]}, proxy: { type: 'memory', reader: { type: 'json', root: 'items' } } }); Ext.create('Ext.grid.Panel', { title: 'Simpsons', store: Ext.data.StoreManager.lookup('simpsonsStore'), columns: [ { header: 'Name', dataIndex: 'name' }, { header: 'Email', dataIndex: 'email', flex: 1 }, { header: 'Phone', dataIndex: 'phone' } ], viewConfig:{ enableTextSelection:true }, renderTo: Ext.getBody() });
效果截图如下。
相关文章推荐
- extjs的gridpanel的数据内容不能复制解决办法
- extjs的gridpanel的数据内容不能复制解决办法
- 修改extjs源码真正解决:ExtJs4.0 GridPanel 数据内容不能选中复制。
- 远程桌面不能粘贴文本的解决办法(附用远程桌面复制文件的方法)
- extjs的gridpanel的数据内容不能复制解决方法
- 远程桌面不能复制粘贴文本的解决办法
- 修改extjs源码真正解决:ExtJs4.0 GridPanel 数据内容不能选中复制。
- 远程桌面不能复制粘贴文本的解决办法
- 远程桌面不能粘贴文本的解决办法(附用远程桌面复制文件的方法)
- ExtJS 3 不能在IE9下正常运行的简单解决办法
- 远程桌面不能粘贴文本的解决办法
- 远程桌面无法复制文本时解决办法
- Extjs的Combobox 在card布局不宽度不能正常显示的解决办法
- ExtJS 3 不能在IE9下正常运行的简单解决办法
- 解决一些网站的网页图片或格式不能复制的一些办法
- ie9 不能执行extjs的解决办法
- Win2003远程桌面不能粘贴文本的解决办法
- VM虚拟机文本文档不能保存简体问题解决办法
- 远程桌面不能粘贴文本的解决办法
- 远程桌面 不能粘贴文本 的解决办法