Antd table 扩展行并在里面放置textarea
Antd table expand row and place textarea inside
我正在尝试使用 Antd 实现行编辑，当我单击“编辑”link 时，该行会展开并在其中有一个文本区域，用户可以在其中输入内容。我一直无法弄清楚如何触发行扩展（在 + 号上没有看到任何 onclick 事件处理程序），也不知道如何访问扩展的行元素以在其中以非 hacky 方式滑动表单字段.
这是当前代码 - https://gist.github.com/llevar/8f9a68bcc15ab0e37defb14a5126c5ad。目标是在单击“编辑”后，使包含 JSON 的 "Configuration" 列最终出现在文本区域中。
提前致谢。
你试过了吗
onExpandedRowsChange 道具和 onExpand 它们使您可以访问展开的行回调和展开的行更改。
编辑：
我没有尝试过这个，但我认为你应该能够以编程方式扩展带有 expandedRowKeys 和状态的行。并使用 expandedRowRender 有条件地呈现 "view mode" 和 "edit mode(text area)"，您还可以添加一个保存按钮来保存文本区域值并将其转回 "view mode"
onExpand 当您按下 + 图标（或通过 rowClick 展开该行）时触发
我正在尝试使用 Antd 实现行编辑，当我单击“编辑”link 时，该行会展开并在其中有一个文本区域，用户可以在其中输入内容。我一直无法弄清楚如何触发行扩展（在 + 号上没有看到任何 onclick 事件处理程序），也不知道如何访问扩展的行元素以在其中以非 hacky 方式滑动表单字段.
这是当前代码 - https://gist.github.com/llevar/8f9a68bcc15ab0e37defb14a5126c5ad。目标是在单击“编辑”后，使包含 JSON 的 "Configuration" 列最终出现在文本区域中。
提前致谢。
你试过了吗
onExpandedRowsChange 道具和 onExpand 它们使您可以访问展开的行回调和展开的行更改。
编辑：
我没有尝试过这个，但我认为你应该能够以编程方式扩展带有 expandedRowKeys 和状态的行。并使用 expandedRowRender 有条件地呈现 "view mode" 和 "edit mode(text area)"，您还可以添加一个保存按钮来保存文本区域值并将其转回 "view mode"
onExpand 当您按下 + 图标（或通过 rowClick 展开该行）时触发