Question

是否可以使用不同的div和css类生成设计视图？当我使用scaffold模板时，我可以在表单中设置自定义html和css类，但每次我生成一个设计视图时，我都必须手动添加这些类来查看每个视图。

使用脚手架模板我有这个文件：

lib/generators/haml/scaffold/templates/_form.html.haml

我可以自定义html和css：

<% for attribute in attributes -%>
  .form-group.field-<%= attribute.name %>.field-type-<%= attribute.field_type.to_s.gsub('_', '-') %>
    = f.label I18n.t('<%= plural_table_name %>.<%= attribute.name %>'), class: 'col-sm-2 control-label'
    .col-sm-10
      = f.<%= attribute.field_type %> :<%= attribute.name %>, class: 'form-control'
<% end -%>
  .actions
    = f.submit I18n.t('form.submit'), class: 'btn btn-primary'

是否可以使用模板通过自定义html和css类生成设计视图来执行相同的过程？（PD：我不会问如何生成视图）

Answer 1

一种方法是使用platformatec的SimpleForm并创建一个带有自定义类的表单（它与Bootstrap / Zurb Foundation完美集成）。

完成此操作后，当您生成设计视图时，它会检测到您正在使用SimpleForm并根据SimpleForm版本生成视图，详细信息为here。

此外，您还可以自定义设计视图的布局（以替换application.html.erb），如here所示。

Rails使用自定义css类模板生成设计视图

1 个答案: