antd 表展开行并将文本区域放在其中



我正在尝试使用 Antd 实现行编辑,当我单击"编辑"链接时,行会扩展并在用户可以键入的文本区域中。我无法弄清楚如何触发行扩展(在 + 号上没有看到任何 onclick 事件处理程序),也无法了解如何访问扩展的行元素以非黑客方式在其中滑动表单字段。

这是当前的代码 - https://gist.github.com/llevar/8f9a68bcc15ab0e37defb14a5126c5ad。目标是在单击"编辑"时将包含 JSON 的"配置"列最终显示在文本区域中。

提前谢谢。

你试过吗 onExpandedRowsChange道具和onExpand它们使您可以访问扩展的行回调和扩展的行更改。

编辑:我还没有尝试过这个,但我认为您应该能够以编程方式扩展带有 expandedRowKeys 和状态的行。并使用expandedRowRender有条件地呈现"查看模式"和"编辑模式(文本区域)",也可以添加一个保存按钮来保存文本区域值并将其转回"查看模式"

onExpand当您按下 + 图标(或通过行单击展开行)时触发

最新更新