Antd表展开行并放置textarea里面

我想用Antd实现行编辑，当我点击编辑链接时，行展开并在用户内部有一个textarea可以输入。我一直无法弄清楚如何触发行扩展（在+号上没有看到任何onclick事件处理程序），也没有办法如何访问扩展行元素以非哈希方式在其中滑动表单字段。Antd表展开行并放置textarea里面

这是当前的代码 - https://gist.github.com/llevar/8f9a68bcc15ab0e37defb14a5126c5ad。我们的目标是在点击编辑后将JSON列放在文本区域中。

在此先感谢。

来源

2017-10-21 llevar

你试过 onExpandedRowsChange道具和onExpand他们让你访问扩展行回调和扩展行更改。

编辑：我还没有尝试这个，但我认为你应该能够以编程方式扩大行expandedRowKeys和状态。并使用expandedRowRender有条件地呈现“视图模式”和“编辑模式（文本区）”，你也可以添加一个Save按钮保存textarea的值，并把它返回到“视图模式”

onExpand是触发时您按+图标（或通过rowClick扩展行）

来源

2017-10-22 19:16:38 Kossel

感谢您的回复。这很有帮助，但我不确定我对你的意思有了充分的理解（在经历了10年的中断后，新回到JS世界）。我假设你建议使用onExpand（）事件，我会得到一个行的引用来放置一个表单域，并使用onExpandedRowsChange（）我可以保存用户的输入。这是正确的吗？我仍然不清楚如何使用编辑链接触发展开。在此先感谢您的帮助。 – llevar

我添加了一些信息，我不知道我是否理解100％你想达到的目标。 – Kossel

那么，我已经深入了解它，它不工作。将行索引推入'expandedRowKeys'确实会扩展行，但不会将行图标[+]更新为[ - ]。我见过它的唯一方法是使用像expandRowByClick和expandAll这样的内置方法。 'onExpand'不会导致扩展，但会在扩展发生时触发事件。将行索引推入'expandedRowKeys'不会触发'onExpand'。到目前为止，我不能让它工作。另外，你如何建议实现编辑和查看模式？这应该是我认为的Row状态，但是如何访问该行？ – llevar

Antd表展开行并放置textarea里面

回答

相关问题