Jquery 使用引导将数据从模式传递到父窗口

Jquery 使用引导将数据从模式传递到父窗口,jquery,twitter-bootstrap,Jquery,Twitter Bootstrap,例如,我有一个页面,当加载时,列出所有员工。页面上有一个按钮,单击该按钮时,会使用表单初始化(引导)模式。我填充表单,然后单击“提交”。如果插入成功,我会将json对象作为响应返回,这样我就可以将新创建的员工添加到列表中(位于模式后面),而无需刷新页面 一切正常。我正在取回json——我已经准备好将数据发送回父窗口。我知道这会有点棘手,但是 jQuery Employee.createEmployee(function (response) { $(window.opener.docum

例如,我有一个页面,当加载时,列出所有员工。页面上有一个按钮,单击该按钮时,会使用表单初始化(引导)模式。我填充表单,然后单击“提交”。如果插入成功,我会将json对象作为响应返回,这样我就可以将新创建的员工添加到列表中(位于模式后面),而无需刷新页面

一切正常。我正在取回json——我已经准备好将数据发送回父窗口。我知道这会有点棘手,但是

jQuery

Employee.createEmployee(function (response) {
    $(window.opener.document).find('#mytable').html($.parseJSON(response));
});
$('#createemployeebtn').click(function (event) {
    $('#newemployeemodal').modal();
});
到目前为止,我所能做的就是找回这个错误:

Uncaught TypeError: Cannot read property 'document' of null
我通过javascript而不是data属性启动模式,希望能够更好地挂回父窗口:

jQuery

Employee.createEmployee(function (response) {
    $(window.opener.document).find('#mytable').html($.parseJSON(response));
});
$('#createemployeebtn').click(function (event) {
    $('#newemployeemodal').modal();
});

没有这样的运气。

您可以通过modal访问的任何信息也可以添加到您的页面中

$(函数(){
$('#btnLaunch')。单击(函数(){
$('myModal').modal('show');
});
$('#btnSave')。单击(函数(){
var值=$('input').val();
$('h1').html(值);
$('#myModal').modal('hide');
});
});

发射模态
×闭合
情态标题
输入文本:

接近 保存更改
您没有在“窗口”之间传递数据。您的模态和模态的启动位置是同一文档的一部分。您应该能够使用一个简单的选择器引用要插入内容的元素,即
$(#mytable')。html()
就是这样-这对我来说太难了。谢谢您的解释!我让自己变得很难。如果模态中的数据是从另一个页面远程获取的呢?当您单击该按钮以显示模式使用对另一个php页面的远程调用时。也无法为此模式表单自定义$.validator对象。我希望我能理解DOM和jQuery是如何处理这种情况的。@yardpenalty我不太清楚,但这可能是一个值得提出自己问题的问题。在我发布一个愚蠢的问题之前(因为他们似乎总是在事后)我将使用当前正在使用的引导模式来研究不推荐使用的远程属性。我可能不得不放弃这种方法,因为它已经被弃用了。Grrr@JMASTERB是的。不要认为模态是与页面分离的东西。把它想象成页面中只有在某些情况下才可见的一部分。