Javascript 使用复制粘贴进行数据网格单元编辑
我正在尝试使用react数据网格(与excel相同)创建复制粘贴功能。复制粘贴工作正常,但我面临的问题与内联单元格编辑。 请参考这里的代码 在这段代码中,如果我编辑一个单元格(更改单元格值),而不按enter键或箭头键直接单击另一个单元格(正在编辑的单元格除外),则编辑的值将转移到单击的单元格 我在github上找到了一些东西,但无法找到解决方案:,并且 请让我知道如何解决此问题Javascript 使用复制粘贴进行数据网格单元编辑,javascript,reactjs,dom-events,event-bubbling,react-data-grid,Javascript,Reactjs,Dom Events,Event Bubbling,React Data Grid,我正在尝试使用react数据网格(与excel相同)创建复制粘贴功能。复制粘贴工作正常,但我面临的问题与内联单元格编辑。 请参考这里的代码 在这段代码中,如果我编辑一个单元格(更改单元格值),而不按enter键或箭头键直接单击另一个单元格(正在编辑的单元格除外),则编辑的值将转移到单击的单元格 我在github上找到了一些东西,但无法找到解决方案:,并且 请让我知道如何解决此问题 解决方法我在这里找到了一个解决方案。他已经解决了这个问题,并从中创建了另一个包,但我仍然不知道他是如何做到的。关于这
解决方法我在这里找到了一个解决方案。他已经解决了这个问题,并从中创建了另一个包,但我仍然不知道他是如何做到的。关于这方面的任何帮助都将非常有用。一个简单的解决方法是使用“OnCellSelected”而不是“cellRangeSelection”。像这样:
render() {
const { rows } = this.state
return (
<ReactDataGrid
columns={columns}
rowGetter={i => rows[i]}
rowsCount={rows.length}
onGridRowsUpdated={this.onGridRowsUpdated}
enableCellSelect= {true}
// cellRangeSelection={{onComplete: this.setSelection}}
onCellSelected={s => this.setSelection({topLeft: s, bottomRight: s})}
/>
);
}
render(){
const{rows}=this.state
返回(
行[i]}
rowsCount={rows.length}
onGridRowsUpdated={this.onGridRowsUpdated}
enableCellSelect={true}
//cellRangeSelection={{onComplete:this.setSelection}
onCellSelected={s=>this.setSelection({topLeft:s,bottomRight:s})}
/>
);
}
金丝雀中的行选择API已更改,不再支持showCheckbox道具。这是变更日志
下面是一个关于如何实现选择的示例
复制自仅当启用了cellRangeSelection时才会出现此问题,对吗?是的,你说得对。我在这里找到了解决方案。他已经解决了这个问题,并从中创建了另一个包,但我仍然不知道他是如何做到的。任何有关这方面的帮助都将非常有用。