How do I implement remote: true functionality without link_to?(如何在没有link_to的情况下实现Remote:True功能?)
本文介绍了如何在没有link_to的情况下实现Remote:True功能?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试实现嵌套模型,以下是路由文件条目:
resources :projects do
resources :instances
end
以下是项目控制器的代码片段:
# GET /projects/new
def new
@project = Project.new
@project.instances.build
end
和项目的窗体视图:
<%= simple_form_for(@project) do |f| %>
...
<%= label_tag :instance_count, "Instance Count" %>
<%= select_tag :instance_count, options_for_select([0, 1, 2, 3, 4, 5], 0) %>
...
<% end %>
现在,当我更改实例计数的数量时,我需要在上面的表单下面多次显示实例字段。以下是其中的部分代码:
<%= form.simple_fields_for :instances do |i| %>
...
<% end %>
基本上我需要从项目的javascript文件中调用<%= render 'instances/form', form: f %>
。它应该像使用remote: true
选项链接一样工作。但在这种情况下没有链接,但在发生更改事件时,需要显示表单。我应该如何实现这一点?
推荐答案
我建议您使用https://github.com/nathanvda/cocoon
或者您可以使用类似的方法:以初始形式呈现部分(Display:None),然后使用js删除并保存部分字段,并在点击选择器时将它们克隆到表单中。
这篇关于如何在没有link_to的情况下实现Remote:True功能?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
沃梦达教程
本文标题为:如何在没有link_to的情况下实现Remote:True功能?


基础教程推荐
猜你喜欢
- 动态更新多个选择框 2022-01-01
- 悬停时滑动输入并停留几秒钟 2022-01-01
- 在 JS 中获取客户端时区(不是 GMT 偏移量) 2022-01-01
- 在for循环中使用setTimeout 2022-01-01
- 我什么时候应该在导入时使用方括号 2022-01-01
- 有没有办法使用OpenLayers更改OpenStreetMap中某些要素 2022-09-06
- 当用户滚动离开时如何暂停 youtube 嵌入 2022-01-01
- 角度Apollo设置WatchQuery结果为可用变量 2022-01-01
- 响应更改 div 大小保持纵横比 2022-01-01
- Karma-Jasmine:如何正确监视 Modal? 2022-01-01