Antd表扩展行和文本区域内的textarea

时间:2017-10-21 16:27:33

标签: reactjs antd

我正在尝试使用Antd实现行编辑,当我单击Edit链接时,该行会展开,并且用户可以在其中输入textarea。我还没有弄清楚如何触发行扩展(没有在+符号上看到任何onclick事件处理程序),也没有办法访问扩展的行元素以在那里滑动表单字段非黑客的方式。

这是当前代码 - https://gist.github.com/llevar/8f9a68bcc15ab0e37defb14a5126c5ad。目标是让列#34;配置"单击“编辑”后,其中包含JSON最终会出现在文本区域中。

提前致谢。

1 个答案:

答案 0 :(得分:1)

你尝试过吗? onExpand道具和expandedRowKeys它们可以让您访问展开的行回调和扩展的行更改。

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

当您按下+图标(或通过rowClick展开行)时会触发

ani.dev="png"