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功能?


猜你喜欢
- addEventListener 在 IE 11 中不起作用 2022-01-01
- Quasar 2+Apollo:错误:找不到ID为默认的Apollo客户端。如果您在组件设置之外,请使用ProvideApolloClient() 2022-01-01
- 如何使用 JSON 格式的 jQuery AJAX 从 .cfm 页面输出查 2022-01-01
- CSS媒体查询(最大高度)不起作用,但为什么? 2022-01-01
- Css:将嵌套元素定位在父元素边界之外一点 2022-09-07
- 使用RSelum从网站(报纸档案)中抓取多个网页 2022-09-06
- Flexslider 箭头未正确显示 2022-01-01
- 400或500级别的HTTP响应 2022-01-01
- 失败的 Canvas 360 jquery 插件 2022-01-01
- Fetch API 如何获取响应体? 2022-01-01