javascript – 如何使用Rails 4.1 Bootstrap获取弹出窗体以将更多详细信息传递给控制器
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何使用Rails 4.1 Bootstrap获取弹出窗体以将更多详细信息传递给控制器,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2192字,纯文字阅读大概需要4分钟。
内容图文
![javascript – 如何使用Rails 4.1 Bootstrap获取弹出窗体以将更多详细信息传递给控制器](/upload/InfoBanner/zyjiaocheng/794/dc7e1759f69e4aa9be0b0df16c7a24a8.jpg)
我在网格中有一个按钮操作,在控制器中调用“批准”操作.如何弹出中间表单以捕获也将传递给操作的原因?
我正在使用Rails 4.1和Bootstrap.很高兴使用另一种形式,直接JS或自举模式,无论什么都可以工作 – 只是从来没有能够干净利落地工作.
路线看起来像:
get 'approve_leave_request/:id' => 'leave_requests#approve', as: :approve_leave_request
控制器动作:
def approve
@leave_request = LeaveRequest.find(params[:id])
@leave_request.status = "Approved"
@leave_request.leave_request_actions.build([status: "Approved by #{current_user.name}"])
if @leave_request.save
flash[:success] = "Leave request has been approved."
LeaveRequestMailer.delay.approve_leave_request(@leave_request, ActsAsTenant.current_tenant.full_domain)
else
flash[:error] = "Leave request could not be approved."
end
redirect_to leave_requests_path
end
视图中的示例按钮如下所示:
<%= link_to approve_leave_request_path(r), class: "btn btn-success btn-xs" do %>
<span>Approve</span>
<% end %>
解决方法:
您将上面的link_to更改为切换模式的按钮:
<!-- Button trigger modal -->
<button class="btn btn-success btn-xs" data-toggle="modal" data-target="#approvalModal">
Approve
</button>
然后在模态中创建一个小形式,将原因传递给动作(在本例中,它使用reason作为参数,可以在动作中作为params [:reason]访问:
<!-- Modal -->
<div class="modal fade" id="approvalModal" tabindex="-1" role="dialog" aria-labelledby="approvalModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title">Approval</h4>
</div>
<div class="modal-body">
<%= form_tag approve_leave_request_path(r), method: :get, :class => "form-horizontal" do %>
<%= label_tag 'reason', 'Reason for Approval', :class => 'control-label' %>
<%= text_field_tag :reason, params[:reason], :class => "form-control" %>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>
<%= submit_tag "Submit Approval", name: nil, class: "btn btn-success" %>
<% end %>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
这样就创建了一个模态:
内容总结
以上是互联网集市为您收集整理的javascript – 如何使用Rails 4.1 Bootstrap获取弹出窗体以将更多详细信息传递给控制器全部内容,希望文章能够帮你解决javascript – 如何使用Rails 4.1 Bootstrap获取弹出窗体以将更多详细信息传递给控制器所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。