ExtJS預設是禁用了文字複製的功能，實際需求中可能需要能夠複製，那麼如何解決了，我在網上看到了許多解決辦法，絕大部分都是從重寫CSS樣式或者重寫gridView程式碼入手，我遇到這個問題的時候，我想作為如此成熟的一個JS框架，應該有某個配置開關對應是否需要複製文字的功能。於是我從逐層分析原始碼，最終讓我找到了其開關名稱。

找到這裡，一切都明白了，只要通過配置enableTextSelection屬性就可以了，其實我們在gridView中可以找到這個屬性。

接下來就是如何在gridPanel中配置了，只需要在viewConfig中配置這個屬性就可以了。藉助官網API上的gridPanel上的例子來說明下。

Ext.create('Ext.data.Store', {
		    storeId:'simpsonsStore',
		    fields:['name', 'email', 'phone'],
		    data:{'items':[
		        { 'name': 'Lisa',  "email":"[email protected]",  "phone":"555-111-1224"  },
		        { 'name': 'Bart',  "email":"[email protected]",  "phone":"555-222-1234" },
		        { 'name': 'Homer', "email":"
 
[email protected]",  "phone":"555-222-1244"  },
		        { 'name': 'Marge', "email":"[email protected]", "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()
		});
 

效果截圖如下。