diff --git a/src/routes/Forms/TableForm.js b/src/routes/Forms/TableForm.js index 1f73e3bfcc5437d77403493d1ed5b678d3616870..a8b18c6f03782dafb060cf2ca4e98d4585327086 100644 --- a/src/routes/Forms/TableForm.js +++ b/src/routes/Forms/TableForm.js @@ -72,12 +72,7 @@ export default class TableForm extends PureComponent { this.setState({ loading: true, }); - // save field when blur input setTimeout(() => { - if (document.activeElement.tagName === 'INPUT' && - document.activeElement !== e.target) { - return; - } if (this.clickedCancel) { this.clickedCancel = false; return; @@ -110,6 +105,7 @@ export default class TableForm extends PureComponent { delete this.cacheOriginData[key]; } this.setState({ data: newData }); + this.clickedCancel = false; } render() { const columns = [{ @@ -124,7 +120,6 @@ export default class TableForm extends PureComponent { value={text} autoFocus onChange={e => this.handleFieldChange(e, 'name', record.key)} - onBlur={e => this.saveRow(e, record.key)} onKeyPress={e => this.handleKeyPress(e, record.key)} placeholder="成员姓名" /> @@ -143,7 +138,6 @@ export default class TableForm extends PureComponent { this.handleFieldChange(e, 'workId', record.key)} - onBlur={e => this.saveRow(e, record.key)} onKeyPress={e => this.handleKeyPress(e, record.key)} placeholder="工号" /> @@ -162,7 +156,6 @@ export default class TableForm extends PureComponent { this.handleFieldChange(e, 'department', record.key)} - onBlur={e => this.saveRow(e, record.key)} onKeyPress={e => this.handleKeyPress(e, record.key)} placeholder="所属部门" /> @@ -181,7 +174,7 @@ export default class TableForm extends PureComponent { if (record.isNew) { return ( - 保存 + this.saveRow(e, record.key)}>添加 this.remove(record.key)}> 删除 @@ -191,7 +184,7 @@ export default class TableForm extends PureComponent { } return ( - 保存 + this.saveRow(e, record.key)}>保存 this.cancel(e, record.key)}>取消