首先,给Table
组件中文件列表绑定双击事件,并添加RowSelection
及expandedRowRender
。
然后,点击expandedRowRender
及RowSelection
也能触发双击事件。
代码如下:
//双击事件部分
ClickTest = (record, index, event) => {
let fileListData = record.name;
console.log(fileListData);
event.stopPropagation(); //尝试阻止默认事件,失败
};
//表格数据部分
<Table
pagination={pagination}
columns={columns}
expandedRowRender={this.expandedRowRender}
onExpand={this.detailData}
dataSource={this.state.data}
rowKey={record => record.name}
rowSelection={rowSelection}
onRowDoubleClick={this.ClickTest}
/>
可重现的DEMO
尝试在columns
中添加双击回调事件,以阻止事件冒泡,但RowSelection
与expandedRowRender
无法阻止,有什么有效的方法吗?
我不用onRowDoubleClick去触发,直接在column中单独给需要触发事件的部分绑定了事件……就可以了