使用 haml 在 bootstrap 模态中创建 simple_form
Create simple_form in bootstrap modal with haml
我正在尝试在 Bootstrap 3 模式中使用 simple_form
在 Ruby 2.5 中使用 Rails (v5.1),在 haml
中风景。
我希望能够将提交按钮放在模式页脚中,但这违反了 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
在 .modal-content
div 正下方启动 = simple_form_for
,这样您就可以将 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'
我正在尝试在 Bootstrap 3 模式中使用 simple_form
在 Ruby 2.5 中使用 Rails (v5.1),在 haml
中风景。
我希望能够将提交按钮放在模式页脚中,但这违反了 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
在 .modal-content
div 正下方启动 = simple_form_for
,这样您就可以将 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'