嵌套表单(设计问题)

Question

我的页面上显示了一个项目列表。

1. 项目A编辑
2. 项目B编辑
3. 项目C编辑

单击编辑图标时，每个项目都是可编辑的。使用ajax调用显示编辑表单，控制器返回表单。

1. 编辑表格A保存
2. 项目B编辑
3. 项目C编辑

但是所有的列表都是可批量编辑的，因此每个项目旁边都有一个复选框。

1. cb项目A编辑
2. cb项目B编辑
3. cb项目C编辑

名单上有一张表格。

form_tag 1. cb项目A编辑2. cb项目B编辑3. cb项目C编辑操作:选择操作批量编辑结束

因此，当我点击一个项目编辑按钮，因为一个表单是返回的，我有两个表单嵌套。所有的密码都会被破解。

我能做些什么，这样我就不会在所有项目周围都有批量编辑表单，并以2个嵌套表单结束？

谢谢，米克尔。

Answer 1

我用javascript解决了我的问题。加载编辑表单时，submit按钮不提交表单，而是调用Ajax请求，将表单参数发送到正确的URL。

Answer 2

你不能有嵌套的表格。事实上，如果您试图验证，您将有一个巨大的，丑陋的html错误。

我认为解决您的问题的方法是:当您发出ajax请求并返回编辑表单时，您可以在html的末尾注入代码并将其显示到一个模式窗口中(几个月前我在一个项目中这样做了)。

但是，我不知道RoR是如何工作的，所以这只是一个想法:P

Answer 3

您可能可以通过CSS的强大功能来解决它，并使它看起来像是嵌套的表单.但事实上，事实并非如此。

从我有限的CSS知识，这是问题最好留给前端工程师，或谷歌。