我想在simple_form生成的输入标记上有一个额外的数据属性.以下不起作用:
<%= f.input :date, :as => 'date_picker', :data => {:datepicker => :datepicker} %>
Run Code Online (Sandbox Code Playgroud)
怎么可以这样做?有可能吗?您可能已经猜到了:我正在尝试将bootstrap-datepicker添加到我的网站,而不使用显式的js来初始化日期选择器.
使用Simple_form 2.0.2
使用HAML的简单表单代码:
= f.input :remember_me, as: :boolean, inline_label: 'Remember me'
Run Code Online (Sandbox Code Playgroud)
但它呈现了这个:
<div class="control-group boolean optional">
<label class="boolean optional control-label" for="admin_remember_me">Remember me</label>
<div class="controls">
<input name="admin[remember_me]" type="hidden" value="0" />
<label class="checkbox"><input class="boolean optional" id="admin_remember_me" name="admin[remember_me]" type="checkbox" value="1" />Remember me</label>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
如何删除渲染的第一个标签,以便我只有内联标签?
我是rails的新手,刚刚找到了simple_form gem.我用bootstrap suport安装它,但现在我无法让这个代码按照我想要的方式工作
<%= f.button :submit, "<i class='icon-ok icon-white'></i> Save", class: "btn btn-primary" %>
Run Code Online (Sandbox Code Playgroud)
我只想把图标按钮里面,但我这样做的时候,就说明我的文字"<I类="图标确认图标白"> </ I>保存"按钮
我也试过
<%= f.button :submit, class: "btn btn-primary" do %><i class="icon-ok icon-white"></i> Save<% end %>
Run Code Online (Sandbox Code Playgroud)
但没有成功.如何使用simple_form gem在按钮内添加一些HTML?
使用simple_form我们可以使用以下方法更改标签的类:
label_html => {:class => "myclass"}
但在处理复选框时我们如何做同样的事情呢?
simple_form 指定默认类 collection_check_boxes
有没有办法更改此默认类?
如何更改默认id或类,生成简单形式:
= simple_form_for(@account, url: account_url, validate: true, wrapper: :inline, html: { method: :put }) do |f|
Run Code Online (Sandbox Code Playgroud)
HTML:
<form accept-charset="UTF-8" action="http://mikhail.smackaho.st:3000/account" class="edit_account" data-validate="true" id="edit_account_4f15c0a487f4463d8d000004" method="post" novalidate="novalidate"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="?"><input name="_method" type="hidden" value="put"><input name="authenticity_token" type="hidden" value="BZFZUGlbZU2ILGR/fdMW5QWNdDgWNPvGpZR13LFwhmw="></div>
<div class="inputs">
<div class="clearfix string required"><label class="string required " for="account_company_name">Company name <abbr title="required">*</abbr></label><div class="input"><input autofocus="autofocus" class="string required " data-validate="true" id="account_company_name" name="account[company_name]" size="50" type="text" value="mikhail"></div></div>
<div class="actions">
<input class="btn primary" name="commit" type="submit" value="Update">
<button class="btn" name="button" type="reset">Cancel</button>
</div>
</form>
Run Code Online (Sandbox Code Playgroud)
帐户 - 单一资源.我想拥有像edit_account这样没有id_hash的id
我在我的应用程序中使用simple_form.
如何在我选择空白值时选择不同于""的文本?
我只是找到一个包含空白的选项.
我想使用simple-form向文本输入字段添加默认值.有了:placeholder它不作为默认....
<%= f.input :user, :placeholder => 'user@domain.com' %>
Run Code Online (Sandbox Code Playgroud) 我一直在浏览堆栈溢出,我注意到很多人使用simple_form来让他们的生活更轻松.
我想尝试一下,所以我将gem添加到我的gem文件(gem 'simple_form')中并发送:
rails generate simple_form:install --bootstrap
Run Code Online (Sandbox Code Playgroud)
阅读完安装消息后,我使用自述文件中的示例代码创建了一个视图:
<%= simple_form_for @user do |f| %>
<%= f.input :username %>
<%= f.input :password %>
<%= f.button :submit %>
<% end %>
Run Code Online (Sandbox Code Playgroud)
不幸的是,我在尝试加载页面时遇到此错误:
undefined method `simple_form_for' for #<#<Class:0x69dd688>:0x6903ac8>
Run Code Online (Sandbox Code Playgroud)
是什么赋予了?为什么它甚至不能识别方法?我觉得我在这里真的很遗憾.可能是因为我正在使用bootstrap-sass?我是否需要在用户控制器中包含帮助程序?
我需要一个自定义的HTML属性添加到每option一个select控制.我在Rails中使用simple_form.有谁知道如何做到这一点?该属性将由客户端JS使用.
例如,我想做这样的事情:
<%= f.input :group, collection: @groups, option_html: { data-type: lambda { |g| g[2] } } %>
Run Code Online (Sandbox Code Playgroud)
哪个会产生(简化):
<select>
<option value="1" data-type="primary">First Group</option>
<option value="2" data-type="secondary">Second Group</option>
<option value="3" data-type="secondary">Third Group</option>
</select>
Run Code Online (Sandbox Code Playgroud)
凡@groups可能是这样的:
[
['First Group', 1, 'primary'],
['Second Group', 2, 'secondary'],
['Third Group', 3, 'secondary']
]
Run Code Online (Sandbox Code Playgroud)
希望避免必须制作自定义控件/包装器.谢谢!
Twitter Bootstrap图标在这里非常致命.
请查看该部分的右下角.看到前面带有图标的电子邮件?这就是我想要做的.我想让simple_form和boostrap很好地发挥.
以下是我发现将图标添加到输入中的内容:
= f.input :email, :wrapper => :append do
= f.input_field :email
<span class="add-on"><i class="icon-envelope"></i></span>
Run Code Online (Sandbox Code Playgroud)
但它不是同花顺(可以通过改变CSS中的偏移来修复)并且它非常难看.作为参考,这是CSS修复(将其添加到您的bootstrap_overrides.css.less文件):
.input-prepend .add-on,
.input-append input {
float: left; }
Run Code Online (Sandbox Code Playgroud)
有人知道一个不那么hacky的方法来使simple_form prepend或附加一个带引导程序的图标?
下面的答案让我再看看它.HAML通常会在任何地方添加空格,但有一种解决方法
这是原始HAML的更新,它删除了空格并且不需要CSS hack:
= f.input :email, :wrapper => :append do
= f.input_field :email
%span.add-on>
%i.icon-envelope
Run Code Online (Sandbox Code Playgroud)
比(>)更大的东西会产生重大影响.输出HTML在输入和跨度之间没有换行符.