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
- 逻辑运算符 ||在 javascript 中,0 代表 Boolean false? 2022-01-01
- CORS:当凭据标志为真时,无法在 Access-Control-Allow-Origin 中使用通配符 2022-01-01
- 带角度的选项卡:仅使用 $http 在单击时加载选项卡 2022-01-01
- 使用 jQuery 在悬停时交换 DIV 类 2022-01-01
- HTML5 画布调整为父级 2022-01-01
- 即使每次插入第一个输入的值不同,第二个输入仍显示相同的输入值 2022-01-01
- 最佳动态 JavaScript/JQuery 网格 2022-01-01
- 在 Javascript 中使用 Fetch API 上传文件并显示进度 2022-01-01
- 当木偶师打开Chrome时,不能使用Chrome扩展 2022-01-01
