代码之家  ›  专栏  ›  技术社区  ›  Brendan O'Brien

使用haml在引导模式中创建simple\u表单

  •  1
  • Brendan O'Brien  · 技术社区  · 6 年前

    我想用 simple_form 在Ruby 2.5 on Rails(v5.1)的Bootstrap 3模式中 haml 在视图中。

    我希望能够将提交按钮放在模式页脚中,但这会破坏 哈默尔 习俗。有什么解决办法吗?

    情态动词

    #addDataModelModal.modal.fade{"aria-hidden" => "true", "aria-labelledby" => "exampleModalLabel", role: "dialog", tabindex: "-1"}
      .modal-dialog{role: "document"}
        .modal-content
          .modal-header
            %h5#addDataModelModalLabel.modal-title Choose a Data Model
            %button.close{"aria-label" => "Close", "data-dismiss" => "modal", type: "button"}
              %span{"aria-hidden" => "true"} ×
          .modal-body
            .text-center
              = simple_form_for @project, :url => add_project_datastores_project_path, :method => 'post' do |f|
                = f.input :project_datastores, collection: @datastores, label_method: :name, value_method: :datastore_sid, prompt: "Select a Data Model"
                = f.submit 'Add Data Model', :class => 'pull-right btn btn-primary'
          .modal-footer
            %button.btn.btn-secondary{"data-dismiss" => "modal", type: "button"} Close
            .text-center
    
    1 回复  |  直到 6 年前
        1
  •  3
  •   nickcamillo    5 年前

    启动 = simple_form_for 右下方 .modal-content div,以便插入 f 变量转换为其所有子div。

    #addDataModelModal.modal.fade{"aria-hidden" => "true", "aria-labelledby" => "exampleModalLabel", role: "dialog", tabindex: "-1"}
      .modal-dialog{role: "document"}
        .modal-content
          = simple_form_for @project, :url => add_project_datastores_project_path, :method => 'post' do |f|
            .modal-header
              %h5#addDataModelModalLabel.modal-title Choose a Data Model
              %button.close{"aria-label" => "Close", "data-dismiss" => "modal", type: "button"}
                %span{"aria-hidden" => "true"} ×
            .modal-body
              .text-center
                = f.input :project_datastores, collection: @datastores, label_method: :name, value_method: :datastore_sid, prompt: "Select a Data Model"
            .modal-footer
              %button.btn.btn-secondary{"data-dismiss" => "modal", type: "button"} Close
              .text-center
                = f.submit 'Add Data Model', :class => 'pull-right btn btn-primary'