Formbuilder simple_form使用
Rails中表单用的比较多,其中formtastic是一个比较简单的构建表单的gem.我个人用了一阵子,不太喜欢它生成的标签,后来发现了Simple_form,相比formtastic,可以更好自定义标签,有更大的灵活性。关于 formtastic ,railscasts上有相关教程,可参考railscasts
1.安装gem
sudo gem install simple_form
2.修改Gemfile:
gem "simple_form"
3.运行generator,会生成所需文件
rails generate simple_form:install
#生成文件createconfig/initializers/simple_form.rbcreateconfig/locales/simple_form.en.ymlcreatelib/templates/erb/scaffold/_form.html.erb
4.使用,以User model为例
<%= simple_form_for @user do |f| %> <%= f.input :username %> <%= f.input :password%> <%= f.input :email%> <%= f.input :profile,:as=>:text%> #as使用 <%= f.input :age, :collection => 18..60 , :prompt => "Select your age"%> #collection使用 <%= f.simple_fields_for :adress do |adress_form| %>#simple_fields_for使用 <%= adress_form.input :name %> <% end %> <%= f.button :submit %><% end %>
如果 不想生成 label,可以使其设置为false
<%= f.input :username,:label=>false %>
同样,如果想使required为false,
<%= f.input :username, :required => false %>
5.关于as
在activerecord下,会自动对应相关映射,例如:string生成单行文本,text生成多行文本,不过如果使用mongodb,我使用的是mongoid,没有text
类型,全是string,所以要自己手动as,例如
<%= f.input :profile,:as=>:text%>
6. Associations 使用
class User < ActiveRecord::Base belongs_to :company has_and_belongs_to_many :rolesendclass Company < ActiveRecord::Base has_many :usersendclass Role < ActiveRecord::Base has_and_belongs_to_many :usersend
表单中我们可以使用
<%= simple_form_for @user do |f| %> <%= f.input :name %> <%= f.association :company %> <%= f.association :roles %> <%= f.button :submit %><% end %>
7.配置 config/initializers/simple_form.rb
Wrapper,如果想修改生成的标签为P(默认为div),只要修改
SimpleForm.wrapper_tag = :p
默认情况下
config.components = [ :label_input, :hint,:error]
如果不想使用error,只要去掉 即可
config.components = [ :label_input, :hint]
更多配置可自行参考文件
8.国际化,只要修改对应本地化文件即可,
zh: simple_form: labels: user: username: '用户名' password: '密码' hints: user: username: '登录用户名.' password: '输入正确的字符.' placeholders: user: username: '你的用户名' password: '****'
9. 和formtastic的比较
我个人比较喜欢 simple_form,生成的代码简洁些,更加灵活,可自定义性强。
10.textmate支持
formtastic:formtastic_tmbundle
simple_form:simple_form_tmbundle
-------
继续打标记:
转载注明:javaeye--doabit..
----------------------------
页:
[1]