【问题标题】:switch to editable mode in applicable cell in React ag-grid on click of check box单击复选框,在 React ag-grid 中的适用单元格中切换到可编辑模式
【发布时间】:2016-07-04 22:27:05
【问题描述】:

我是 ag-grid 的新手,正在努力实现一项要求。我有 3 列,其中 2 列是可编辑的。我的第一列包含一个复选框,在检查时我需要将两列转换为可编辑。

请注意我使用的是 ag-grid reactjs 版本。

非常感谢任何帮助。

谢谢。

【问题讨论】:

  • 你能发布一个你的代码的工作示例吗?

标签: reactjs row selection ag-grid


【解决方案1】:

我或多或少遇到了同样的问题。我找到的解决方案涉及大量挖掘源代码。我不知道是否有更好的(非hacky)方法来做到这一点..但是..

我已经加入了“onRowClicked”事件。

onRowClicked(params) {
  const clickedRow = params.api.rowRenderer.renderedRows[params.rowIndex]
  clickedRow.renderedCells.myColId1.startEditingIfEnabled()
  clickedRow.renderedCells.myColId2.startEditingIfEnabled()
  // where myColID1/2 are from the colDef
}

可能为时已晚 - 但它可以在我的机器上运行。

【讨论】:

  • 试过了,但是如果单击带有复选框的不同单元格并且我的可编辑字段位于不同的列中,当我运行您的代码时,它不会专注于该可编辑字段。
猜你喜欢
  • 2019-05-26
  • 2018-01-03
  • 1970-01-01
  • 2021-12-29
  • 1970-01-01
  • 2017-06-17
  • 2021-03-14
  • 2019-10-26
  • 2016-10-31
相关资源
最近更新 更多