大佬教程收集整理的这篇文章主要介绍了jquery – 使用Bootstrap从modal传递数据到父窗口,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
一切都很好.我收回了json – 我准备将数据发送回父窗口了.我知道这有点棘手,但是this SO post gave me hope.
jQuery的
employee.createemployee(function (responsE) { $(window.opener.document).find('#myTable').html($.parseJSON(responsE)); });
Uncaught TypeError: CAnnot read property 'document' of null
我通过javascript而不是data-attribute启动模式,希望能够更好地挂钩回到父窗口:
jQuery的
$('#createemployeebtn').click(function (event) { $('#newemployeemodal').modal(); });
没有这样的运气.
$(function() { $('#btnLaunch').click(function() { $('#mymodal').modal('show'); }); $('#btnSave').click(function() { var value = $('input').val(); $('h1').html(value); $('#mymodal').modal('hide'); }); });
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <h1></h1> <button type="button" id="btnLaunch" class="btn btn-priMary">Launch Modal</button> <div class="modal fade" id="mymodal"> <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">Modal title</h4> </div> <div class="modal-body"> <p>Enter text:</p> <input type="text" id="txTinput"> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" id="btnSave" class="btn btn-priMary">Save changes</button> </div> </div> <!-- /.modal-content --> </div> <!-- /.modal-dialog --> </div> <!-- /.modal -->
此示例在单击按钮时弹出@L_618_0@模态.然后,您可以在输入中输入文本并单击保存更改按钮,@L_618_3@上的h1标记将设置为使用该文本.您可以再次弹出模式,更改输入字段中的文本,单击保存更改按钮,h1标签现在将显示新文本.
此示例应说明在模态中设置的任何项目都可用于设置生成该模态的@L_618_3@上的项目.@L_618_3@可以访问的任何元素或变量,您的模态也可以访问.
以上是大佬教程为你收集整理的jquery – 使用Bootstrap从modal传递数据到父窗口全部内容,希望文章能够帮你解决jquery – 使用Bootstrap从modal传递数据到父窗口所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。