使用Bootstrap从modal将数据传递到父窗口

作为一个例子，我有一个页面，加载时，列出所有员工。 页面上有一个按钮，单击该按钮时，使用表单初始化（引导程序）模态。 我填写表单，然后单击“提交”。 如果插入成功，我将json对象作为响应返回，这样我就可以将新创建​​的员工添加到列表中 – 这是模态的后面 – 没有页面刷新。

一切都很好。 我收回了json – 我准备将数据发送回父窗口了。 我知道这有点棘手，但这篇SOpost给了我希望 。

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(); }); 

没有这样的运气。

Answer 1

您可以使用模态访问的任何信息也可以添加到您的页面中。

 $(function() { $('#btnLaunch').click(function() { $('#myModal').modal('show'); }); $('#btnSave').click(function() { var value = $('input').val(); $('h1').html(value); $('#myModal').modal('hide'); }); }); 

    
 Launch Modal 
 
 
 
 ×Close  
Modal title
 
 
 
Enter text:
  
 
 Close Save changes