将 jQgrid rowid 从 iFrame 传递到主 .html 的对话框

Question

我这里需要一些帮助。我有一个对话框，其中包含 iFrame 和 jqgrid 的 html 文件。我想要做的是，当我双击该对话框内 jqrid 中的数据时，该对话框将自动关闭，并发布在第一个对话框中单击的行的 id。

这是我的 javascript 代码：

编辑：（注意：此代码来自 subAccount.js）

$( "#mainGrid" ).click(function() { //note: mainGrid is inside of another dialog box where i should post the row id
   $( "#dialogMainAccount" ).dialog( "open" );  //this is the dialog box that contains my .html with jqgrid in it.
   $( "#dialogMainAccount" ).append(
      '<p>Please choose code to add in Sub Account Group.</p>'+
      '<iframe src="mainAccountGroup.html" width="100%" height="800">' +  // i use an iFrame to open my .html file
        '<p>Your browser does not support iframes.</p>' +
      '</iframe>');     
});

编辑： 这是我用于关闭 mainAccountGroup.js 内对话框的代码，

$("#tblData1").jqGrid({
    .//some code here
    .
    .
    caption: "Main Account Group",
    ondblClickRow: function(rowid) {
       parent.$("#dialogMainAccount" ).dialog("close");
    ....
}); 

我已经将 mainAccountGroup.js 包含在我的 subAccount.html 中。 注意，第一个问题解决如何在双击 jqgrid 中的一行后关闭对话框。

另一个问题是，如何将从 iFrame 中的 jqgrid 单击的 rowid 传递到第一个对话框的文本框？将值从 iframe 中的 .html 传递到主 html 中的对话框。

Answer 1

如果我理解你正确的话，你可以打电话 $("#dialogMainAccount").dialog("close ") 或 $("#dialogMainAccount").dialog("destroy") 在您的 ondblClickRow 事件处理程序中jqGrid 关闭对话框。

更新：如果您希望从 iframe 中运行的代码访问变量 myVar 定义为全局（在顶层），您应该在 iframe 内部使用 parent。文档前缀：parent.document.myVar。

如果您需要从 iframe 访问主框架中定义的 HTML 元素，您应该使用 parent.document 作为 jQuery。例如$('#mainAccount',parent.document)。

Answer 2

关于如何关闭 jqgrid 中的 ondblclick 事件的对话框的第一个问题的答案：

$("#tblData1").jqGrid({
    .//some code here
    .
    .
    caption: "Main Account Group",
    ondblClickRow: function(rowid) {
       parent.$("#dialogMainAccount" ).dialog("close"); //use parent since the dialog box is from the parent html
    ....
}); 

关于如何将值从 iFrame 传递到父 html 的第二个问题的答案：

parent.$('#mainAccount').val(rowid);   // the $('#mainAccount') in from the parent html.

希望这可以帮助某人

Answer 3

$('jqgridId').parents('#dialogId').remove();

$('jqgridId').parents('#dialogId').dialogr('close');