弹出框

调用弹出框

$("#popUpSearchCode").dialog({

        title    : "Port Code Search",
        resizable: true,
        closeOnEscape: false,  
        closeText: '닫기',
        modal    : true,
        //height   :  $(window).height()-100,
        resizable: false,
        width    : $(window).width() * 0.45,
        height : popUpHeight,
        open : function(event, ui) {
            $('#popUpSearchCode').css('overflow', 'hidden');
            $('.ui-dialog-titlebar').remove();
            $('#popUpSearchCode').html("<iframe id=\"open_layer\" title=\"Port Code Search'\" name=\"open_layer\" src=\"/commonPop.do?rtnStr="+mode+ "&search1=Air&codeName="+ codeName + "&codeType=" + codeType    + "\" frameborder=\"0\"  width=\"100%\" height=\"400\" style=\"scroll:scroll;position:absolute;z-index:120;\"></iframe>");
        },
        close    : function (event, ui){
              $(this).dialog('close');
        }

    });

弹出框页面查询，

$("#grid").jqGrid(
                {
                    datatype : 'json',
                    mtype : 'POST',
                    url : '',
                    postData : params,
                    colNames : [ '${lang.code362}', '${lang.code224}' ],
                    colModel : [
                                         {name : 'Code',        width : 40,    align : "center" },
                                         {name : 'Name',    align : "left" },
                                     ],
                    pager : '#pager',
                    rowNum : 50,
                    rowList : [ 50, 70, 100 ],
                    viewrecords : true,
                    height : '200',
                    multiselect : false,
                    rownumbers : true,
                    sortorder : "asc",
                    sortname : 'Code',
                    gridview : true, //treeGrid, subGrid 와 afterInsertRow event를 사용안할 경우 속도 향상
                    sortable : true, //컬럼 순서 변경 가능
                    autowidth : true,
                    onCellSelect: function(rowid, iCol){      
                        var data = jQuery("#grid").getRowData(rowid);
                        //alert(data.Code+"\n"+data.Name);
                        /* Cell 선택시 실행할 함수 호출 */
                        if('${param.rtnStr}' == 'origncode'){
                            parent.sendCode(data, 'Origncode');
                        } else if('${param.rtnStr}' == 'destcode'){
                            parent.sendCode(data, 'DestCode');
                        } else if('${param.rtnStr}' == 'popUpOrigncode'){
                            parent.sendCode2(data, 'Origncode');
                        } else if('${param.rtnStr}' == 'popUpDestcode'){
                            parent.sendCode2(data, 'DestCode');
                        } else {
                            parent.sendCode(data, 'searchPort');
                        }
                        parent.$("#popUpSearchCode").dialog('close')
                     }
                });

回调函数

function sendCode(data, idName){
    if(idName == 'airLine'){
        $("#airLine2").val(data.Code+', '+data.Name);
        $("#airLine").val(data.Code);
    }
    if(idName == 'Origncode'){
        $("#Origncode2").val(data.Code+', '+data.Name);
        $("#Origncode").val(data.Code);
    }
    if(idName == 'DestCode'){
        $("#DestCode2").val(data.Code+', '+data.Name);
        $("#DestCode").val(data.Code);
    }
}

function sendCode2(data, idName){
    if(idName == 'Origncode'){
        $('#open_layer2').contents().find("#Origncode2").val(data.Code+', '+data.Name);
        $('#open_layer2').contents().find("#Origncode").val(data.Code);
    }
    if(idName == 'DestCode'){
        $('#open_layer2').contents().find("#DestCode2").val(data.Code+', '+data.Name);
        $('#open_layer2').contents().find("#DestCode").val(data.Code);
    }

}