Extjs gridPanel可复制配置(转)

ExtJS默认是禁用了文本复制的功能，实际需求中可能需要能够复制，那么如何解决了，我在网上看到了许多解决办法，绝大部分都是从重写CSS样式或者重写gridView代码入手，我遇到这个问题的时候，我想作为如此成熟的一个JS框架，应该有某个配置开关对应是否需要复制文本的功能。于是我从逐层分析源码，最终让我找到了其开关名称。

找到这里，一切都明白了，只要通过配置enableTextSelection属性就可以了，其实我们在gridView中可以找到这个属性。

接下来就是如何在gridPanel中配置了，只需要在viewConfig中配置这个属性就可以了。借助官网API上的gridPanel上的例子来说明下。

1. Ext.create('Ext.data.Store', {
2. storeId:'simpsonsStore',
3. fields:['name', 'email', 'phone'],
4. data:{'items':[
5. { 'name': 'Lisa',  "email":"lisa@simpsons.com",  "phone":"555-111-1224"  },
6. { 'name': 'Bart',  "email":"bart@simpsons.com",  "phone":"555-222-1234" },
7. { 'name': 'Homer', "email":"home@simpsons.com",  "phone":"555-222-1244"  },
8. { 'name': 'Marge', "email":"marge@simpsons.com", "phone":"555-222-1254"  }
9. ]},
10. proxy: {
11. type: 'memory',
12. reader: {
13. type: 'json',
14. root: 'items'
15. }
16. }
17. });
18. Ext.create('Ext.grid.Panel', {
19. title: 'Simpsons',
20. store: Ext.data.StoreManager.lookup('simpsonsStore'),
21. columns: [
22. { header: 'Name',  dataIndex: 'name' },
23. { header: 'Email', dataIndex: 'email', flex: 1 },
24. { header: 'Phone', dataIndex: 'phone' }
25. ],
26. viewConfig:{
27. enableTextSelection:true
28. },
29. renderTo: Ext.getBody()
30. });

效果截图如下。