<button class="btn" data-toggle="modal" data-target="#myModal">模态框新建</button>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel" style="text-align:center">新建文章</h4>
</div>
<div class="modal-body">
<div class="form-group">
<%= form_with model: @article do |f| %>
<p>
<%= f.label "分类:"%>
<%= f.collection_select :category_id, Category.all, :id, :name, options ={}, class:"form-control" %>
<%= f.collection_check_boxes :category_ids, Category.all, :id, :name,options ={}, class:"checkbox-inline"%>
</p>
<p>
<%= f.label :title, "Title"%>
<%= f.text_field :title,class:'form-control' %>
</p>
<p>
<%= f.label :content, "Content" %>
<%= f.text_area :content,class:'form-control' %>
</p>
<%= f.submit "Submit", data:{:disable_with => 'Submiting...'},class:'btn btn-default' %>
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<% end %>
</div>
</div>
</div>
</div>
</div>
[ruby on rails]bootstrap模态框
最新推荐文章于 2024-05-20 09:56:56 发布