动态添加和删除嵌套表单域

Posted

技术标签:

【中文标题】动态添加和删除嵌套表单域【英文标题】:Dynamically add and remove nested form fields 【发布时间】:2011-11-09 01:06:37 【问题描述】:

我一直在关注过时的 railscasts:

http://railscasts.com/episodes/197-nested-model-form-part-1

http://railscasts.com/episodes/197-nested-model-form-part-2

我一直试图让代码在 Rails 3 中工作,但不幸的是,我只能让删除功能间歇性工作(我在其他地方破坏了代码)。

我还尝试过使用“nested_form”gem,它似乎在干净利落的脚手架生成的环境中工作得很好,但似乎并没有很好地融入我当前的项目。此外,我真的很想了解幕后发生的事情,而不是快速修复这个问题,因为它是我应用程序的核心部分。

任何关于使用 JQuery 或一些不错的辅助方法动态添加或删除嵌套字段的技巧都非常非常感谢。

【问题讨论】:

您是否要发布任何代码供人们帮助您?我们不是通灵绝地;) 【参考方案1】:

您能否发布任何其他关于nested_form gem 的问题?由于我自己的无能,我花了一些时间才开始运行它,但它似乎对我有用。

如果您正在寻找更明确的代码方式,您可以创建一个帮助方法来 jQuery clone() 列表中的第一个元素,清除所有输入,然后 jQuery append() 将其添加到列表的末尾嵌套元素列表。

【讨论】:

【参考方案2】:

Ryan Bates 从他的截屏视频中制作了一个经过维护的宝石,只需使用它:https://github.com/ryanb/nested_form

【讨论】:

嘿,我一直在尝试让 nested_gem 工作,但无济于事......我会继续努力!

以上是关于动态添加和删除嵌套表单域的主要内容,如果未能解决你的问题,请参考以下文章

单击时在 Java 中添加类似动态文本区域的对象

动态添加/删除多个输入字段和输入行 PHP(动态表单中的动态表单)

Extjs 无法在表单面板中动态添加/删除字段

动态嵌套表单总是创建一个额外的空白条目 - 使用 formtastic_coocoon

使用JavaScript动态的添加组件

Angular 表单:如何动态添加/删除子表单组件