extjs 表格 如何让文字可选择(鼠标选择、然后复制)?

如题,使用 extjs 创建的表格,单元格的内容无法通过鼠标选择并复制?该如何解决:

表格效果如图:
clipboard.png

创建表格的关键代码如下:

var gridPanel = Ext.create('Ext.grid.Panel', {
         title: 'tag操作',
         id: 'gridPanel',
         selModel: checkboxModel,
         columnLines: true,
         layout: 'hbox',
         overflowY: 'auto',
        store: store,
         columns: [
             { header: 'NID', dataIndex: 'nid', flex: 1, align: 'center' },
             { header: '标题', dataIndex: 'title', flex: 1, align: 'center' },
             { header: 'URL', dataIndex: 'url', flex: 1, align: 'center' },
             { header: '状态', dataIndex: 'mask_status', flex: 1, align: 'center', renderer: renderStatus}
         ],
         tbar: [
             searchTagInput,
             closeRecallBtn,
             openRecallBtn,
             banBtn,
             pushBtn,
             statusLabel
         ]

     });
阅读 5.7k
2 个回答

viewConfig:{enableTextSelection:true}

已经找到答案了,好幸福。。。。

再上面代码中,tbar配置下面,加上一个 viewConfig的配置即可,如下

viewConfig: {
    enableTextSelection: true
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进