将Rails Form_For字段放置在不同的位置

妮可

我有一个模型要填充一个表单,其中包含标题和正文。(可选)我希望能够提交链接以及该模型的一部分。如果填写,则提交,否则忽略。例如,该表单将在页面顶部具有标题和正文字段。

<%= form_for(@micropost, remote: true) do |f| %>
  <div class="field">
    <%= f.text_field :title %>
    <%= f.text_area :content %>
  </div>
  <%= f.submit "Post" %>
<% end %>

现在,我想为链接添加字段,但是要在页面上的其他位置(以表明它是可选的)。

    <%= f.text_field :link %>

我试图一次全部完成

<%= form_for(@micropost, remote: true) do |f| %>
  <div class="field">
    <%= f.text_field :title %>
    <%= f.text_area :content %>
    <! insert other content here >
    <%= f.text_field :link %>
  </div>
  <%= f.submit "Post" %>
<% end %>

但这会导致部分的嵌套非常混乱,我不确定如何使其正确工作。另外,我想知道是否有可能在页面顶部有一个form_for,而在页面底部有另一个以某种方式“同步”的form_for,因此通过按顶部的Submit按钮,输入的值底部的form_for也被收集并提交。

<%= form_for(@micropost, remote: true) do |f| %>
  <div class="field">
    <%= f.text_field :title %>
    <%= f.text_area :content %>
  </div>
  <%= f.submit "Post" %>
<% end %>

<%= form_for(@micropost, remote: true) do |f| %>
   <! somehow sync this with the other form >
   <%= f.text_field :link %>
<% end %>

妮可

我在这里发现规范的做法是使用“ form”属性。给表单提供一个ID,即使该字段位于表单外部,该字段也可以从该ID返回该表单。例如,

<%= form_for(@micropost, remote: true, html: { id: "micropost_form" }) do |f| %>
   <div class="field">
      <%= f.text_field :title %>
      <%= f.text_area :content %>
   </div>
   <%= f.submit "Post" %>
<% end %> 

然后,我们可以使用fields_for将所需的字段放置在其他位置,并链接回原始表单。

<%= fields_for @micropost do |f| %>
  <%= f.text_field :link, form:"micropost_form" %>
<% end %>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Rails form_for多个不同的类对象?

来自分类Dev

在Rails form_for帮助器字段中使用ParsleyJS

来自分类Dev

Rails:form_for,带有用于哈希的字段

来自分类Dev

Rails:如何对form_for中的字段进行硬编码

来自分类Dev

在Rails form_for帮助器字段中使用ParsleyJS

来自分类Dev

Rails-同一表单的不同form_for语句

来自分类Dev

Rails-在不同的视图中渲染form_for @user

来自分类Dev

Rails-通过不同的方法使用form_for标记

来自分类Dev

将Select 2与form_for rails一起使用

来自分类Dev

Rails form_for将参数作为Array传递

来自分类Dev

Rails form_for NoMethodError

来自分类Dev

将剪切字段放置在输出文件的所需位置

来自分类Dev

XSLT-将现有节点放置在不同位置

来自分类Dev

Rails slim form_for标签

来自分类Dev

Rails 4:form_for与关联

来自分类Dev

Rails form_for关系模型

来自分类Dev

Rails form_for错误的方法

来自分类Dev

Rails form_for突然结束

来自分类Dev

Rails:form_for缩短代码

来自分类Dev

Rails 3序列化模型字段form_for和field_for无法生成正确的名称

来自分类Dev

Rails 5:带有选择类的 form_for 选择字段标记

来自分类Dev

Rails帮助器form_for将nil:NilClass参数传递给块

来自分类Dev

Rails form_for错误| 如何将嵌套的ActiveRecord对象绑定到窗体

来自分类Dev

将select2的多选插入到rails的form_for中

来自分类Dev

将所有条目标题化为form_for文本字段

来自分类Dev

将Rails位置添加到coffeescript

来自分类Dev

将位置与用户和Rails Geocoder分离

来自分类Dev

HTML / CSS | 如何将标头div中的不同元素放置到不同位置?

来自分类Dev

form_for在Ruby on Rails中如何工作