ExtJS Grid表格内容不能复制问题解决方法

ExtJS中的Ext.grid.Panel组件默认是禁止复制内容,如果想要启用允许复制,可以直接在Grid中设置。例子如下:

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'),
	// 启用允许复制
	viewConfig : {
		enableTextSelection:true
	},
    columns: [
        { header: 'Name',  dataIndex: 'name' },
        { header: 'Email', dataIndex: 'email', flex: 1 },
        { header: 'Phone', dataIndex: 'phone' }
    ],
    height: 200,
    width: 400,
    renderTo: Ext.getBody()
});

如上,在Grid中加上viewConfig:{enableTextSelection:true}即可。

grid中viewConfig的作用是:将应用于表格的 UI 视图的配置对象。任何对于Ext.view.Table所使用到的配置选项都在这里被指定。 如果指定了view,则忽略此选项。enableTextSelection是Ext.view.Table中配置属性,使其生效需要加上viewConfig。


本文标题:ExtJS Grid表格内容不能复制问题解决方法

本文链接:http://yedward.net/?id=40

本文版权归作者所有,欢迎转载,转载请以文字链接的形式注明文章出处。

相关文章