Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/374.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用复制粘贴进行数据网格单元编辑_Javascript_Reactjs_Dom Events_Event Bubbling_React Data Grid - Fatal编程技术网

Javascript 使用复制粘贴进行数据网格单元编辑

Javascript 使用复制粘贴进行数据网格单元编辑,javascript,reactjs,dom-events,event-bubbling,react-data-grid,Javascript,Reactjs,Dom Events,Event Bubbling,React Data Grid,我正在尝试使用react数据网格(与excel相同)创建复制粘贴功能。复制粘贴工作正常,但我面临的问题与内联单元格编辑。 请参考这里的代码 在这段代码中,如果我编辑一个单元格(更改单元格值),而不按enter键或箭头键直接单击另一个单元格(正在编辑的单元格除外),则编辑的值将转移到单击的单元格 我在github上找到了一些东西,但无法找到解决方案:,并且 请让我知道如何解决此问题 解决方法我在这里找到了一个解决方案。他已经解决了这个问题,并从中创建了另一个包,但我仍然不知道他是如何做到的。关于这

我正在尝试使用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时才会出现此问题,对吗?是的,你说得对。我在这里找到了解决方案。他已经解决了这个问题,并从中创建了另一个包,但我仍然不知道他是如何做到的。任何有关这方面的帮助都将非常有用。