标签: simple-form

simple_forms自定义数据属性

我想在simple_form生成的输入标记上有一个额外的数据属性.以下不起作用:

<%= f.input :date, :as => 'date_picker', :data => {:datepicker => :datepicker}  %>
Run Code Online (Sandbox Code Playgroud)

怎么可以这样做?有可能吗?您可能已经猜到了:我正在尝试将bootstrap-datepicker添加到我的网站,而不使用显式的js来初始化日期选择器.

ruby-on-rails simple-form ruby-on-rails-3.1

33
推荐指数
2
解决办法
2万
查看次数

Simple_form:删除带有标签的内联复选框的外部标签

使用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)

如何删除渲染的第一个标签,以便我只有内联标签?

ruby ruby-on-rails-3 simple-form

33
推荐指数
4
解决办法
3万
查看次数

使用simple_form的按钮内的HTML代码

我是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?

ruby ruby-on-rails simple-form twitter-bootstrap

32
推荐指数
3
解决办法
2万
查看次数

如何在simple_form中更改复选框的标签类

使用simple_form我们可以使用以下方法更改标签的类:

label_html => {:class => "myclass"}

但在处理复选框时我们如何做同样的事情呢?

simple_form 指定默认类 collection_check_boxes

有没有办法更改此默认类?

ruby-on-rails formtastic simple-form

31
推荐指数
3
解决办法
2万
查看次数

以简单的形式更改ID

如何更改默认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

ruby-on-rails simple-form

29
推荐指数
2
解决办法
2万
查看次数

如何在select中命名空白值?

我在我的应用程序中使用simple_form.

如何在我选择空白值时选择不同于""的文本?

我只是找到一个包含空白的选项.

forms ruby-on-rails ruby-on-rails-3 simple-form

29
推荐指数
3
解决办法
3万
查看次数

以简单形式向text-input添加默认值

我想使用simple-form向文本输入字段添加默认值.有了:placeholder它不作为默认....

<%= f.input :user, :placeholder => 'user@domain.com' %>
Run Code Online (Sandbox Code Playgroud)

ruby-on-rails ruby-on-rails-3 simple-form

29
推荐指数
2
解决办法
4万
查看次数

RoR应用程序中的未定义方法`simple_form_for'

我一直在浏览堆栈溢出,我注意到很多人使用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?我是否需要在用户控制器中包含帮助程序?

ruby-on-rails ruby-on-rails-3 simple-form

27
推荐指数
2
解决办法
1万
查看次数

如何使用Simple Form Rails添加HTML属性以选择选项?

我需要一个自定义的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)

希望避免必须制作自定义控件/包装器.谢谢!

ruby-on-rails simple-form

27
推荐指数
3
解决办法
2万
查看次数

使用simple_form附加/添加引导程序图标

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在输入和跨度之间没有换行符.

ruby-on-rails-3 simple-form twitter-bootstrap

26
推荐指数
1
解决办法
2万
查看次数