4

对于一种特定情况，我想将表单呈现为（用于就地编辑）的一部分。有没有一种方法可以禁用 .inputs / .buttons 生成的布局？而是一个

<fieldset> <ol> <li>

我想简单地将字段包装在

<td>

是否有内置方式或解决此问题的任何方法？

4

4 回答 4

2

Formtastic 中还没有内置的方法来更改标记。要么使用 CSS 来调整足够的标记钩子，要么放弃 Formtastic 来使用这个表单并用你自己的方式编码（就像我们以前那样）。

于 2010-11-02T20:56:22.233 回答
1

在 Rails 中，您可以覆盖定义用于呈现元素的标签的函数：

配置/初始化程序/formtastic_foundation.rb：

# change required fields advice tag (abbr -> span)
Formtastic::FormBuilder.required_string =
proc { Formtastic::Util.html_safe(%{<span title="#{Formtastic::I18n.t(:required)}">*</span>}) }

module Formtastic
  module Helpers
    # change field wrapper (ol -> div)
    module FieldsetWrapper
      protected
      def field_set_and_list_wrapping(*args, &block) #:nodoc:
        contents = args.last.is_a?(::Hash) ? '' : args.pop.flatten
        html_options = args.extract_options!

        if block_given?
          contents = if template.respond_to?(:is_haml?) && template.is_haml?
          template.capture_haml(&block)
          else
            template.capture(&block)
          end
        end

        contents = contents.join if contents.respond_to?(:join)

        legend = field_set_legend(html_options)
          fieldset = template.content_tag(:fieldset,
          Formtastic::Util.html_safe(legend) << template.content_tag(:div, Formtastic::Util.html_safe(contents)),
          html_options.except(:builder, :parent, :name)
        )

        fieldset
      end
    end
  end

  module Inputs
    module Base
      # change input wrapper tag (li.default_clases -> div.large-12.columns inside div.row)
      module Wrapping
        def input_wrapping(&block)
          def super_wrapper_html_options
            {:class => 'row'}
          end

          new_class = [wrapper_html_options[:class], "large-12 columns"].compact.join(" ")

          template.content_tag(:div,
            template.content_tag(:div,
              [template.capture(&block), error_html, hint_html].join("\n").html_safe,
              wrapper_html_options.merge(:class => new_class)),
            super_wrapper_html_options)
        end
      end
    end
  end
end

我使用此代码将 Formtastic 3 与 Foundation 5.4.5 集成

于 2014-12-02T17:54:30.353 回答
1

它尚不支持，但您可以使用分叉的 formtastic 版本： https ://github.com/linoj/formtastic

更多详情请访问： http ://www.vaporbase.com/postings/Replaceable_render_engines_for_Formtastic

在 formtastic 论坛上阅读，它甚至可能有一天会合并到原点。

于 2011-06-06T15:33:42.993 回答
-2

我将我对 formtastic 位（在我的 haml 文件中）的调用包装在一个字符串中，然后替换掉 

= "#{f.input ...}".gsub('<li class=', '<fart class=').html_safe #remove the li to align this input with the other text in the table.

这可能比在没有格式的情况下重新编写表单要容易一些，而且效果很好。

诚然，这不是一个理想的解决方案。不过，为了一次...我可以忍受。

于 2012-11-30T01:02:20.317 回答