大佬教程收集整理的这篇文章主要介绍了烧瓶 – 带WTF的Bootstrap Modal,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#editModal" style="float:right"> <span class="glyphicon glyphicon-edit"></span> Edit </button> <!-- Modal --> <div class="modal fade" id="editModal" role="dialog" > <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content" > <div class="modal-header" > <button type="button" class="close" data-dismiss="modal">×</button> <h4>Edit Your Login Information</h4> </div> <div class="modal-body"> <form action="{{ url_for('.profile') }}" method='post' name='edit_user' class="form-horizontal" > {{ user_edit_form.csrf_token }} <div class="form-group col-xs-12 col-md-12 col-lg-12" style="BACkground-color:white; !important "> <div class="col-xs-12 col-md-12 col-lg-12" > {{ render_field(user_edit_form.first_name) }} </div> <div class="col-xs-12 col-md-12 col-lg-12"> {{ render_field(user_edit_form.last_name) }} </div> <div class="col-xs-12 col-md-12 col-lg-12"> {{ render_field(user_edit_form.email) }} </div> <div class="col-xs-12 col-md-12 col-lg-12"> {{ render_field(user_edit_form.institutE) }} </div> <div class="col-xs-12 col-md-12 col-lg-12"> <input class='btn btn-priMary' id='uform' type='submit' value='updatE' style="float:right"/> </div> </div> </form> </div> </div> </div> </div>@H_450_5@和我试图让它工作的JavaScript@H_673_7@ @H_450_5@
<script> var formErrors = {% if user_edit_form.errors %}true{% else %}false{% endif %}; $(document).ready(function() { if (formErrors) { $('.Modal').modal('show'); } }); </script>@H_450_5@任何帮助将非常感谢!!@H_673_7@
<form id="editForm" action="{{ url_for('.profile') }}" method="post" name="edit_user" class="form-horizontal">@H_450_5@2.添加Javascript代码(需要jQuery)@H_673_7@ @H_450_5@
$('#uform').click(function(event) { event.preventDefault(); $.post(url,data=$('#editForm').serialize(),function(data) { if (data.status == 'ok') { $('#editModal').modal('hide'); LOCATIOn.reload(); } else { $('#editModal .modal-content').html(data); } }); })@H_450_5@3.修改视图功能@H_673_7@ @H_450_5@
@main.route('/yourroute',methods=['GET','POST']) def profile(): form = YourForm() if form.validate_on_submit(): user = UserEditForm() user.first_name = form.first_name.data user.last_name = form.last_name.data # ... db.session.add(user) db.session.commit() return jsonify(status='ok') return render_template('yourtemplate.html',form=form)
以上是大佬教程为你收集整理的烧瓶 – 带WTF的Bootstrap Modal全部内容,希望文章能够帮你解决烧瓶 – 带WTF的Bootstrap Modal所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。