• 1. 概述
• 2. popup实现
  • 2.1. 调用方式
  • 2.2. 函数定义
    • 2.2.1. 几处判断逻辑
    • 2.2.2. 调用online报表
• 3. 扩展实现关联查询中传递参数
  • 3.1. 对比“报表”功能分析
  • 3.2. 修改curdtools实现
  • 3.3. 调用
  • 报表定义
• 4. 小结
• 5. 附录
  • 5.1. 修改后的jeecg popup实现代码

1. 概述

本篇对总jeecg popup的实现和注意事项做一个简要说明，并进行了功能的扩展，可供参考、使用。

2. popup实现

2.1. 调用方式

onclick="popupClick(this,'ID,标准编码,标准名称,方法名称','methodid,standardCode,standardName,methodName','lims_p_method')"

2.2. 函数定义

popupClick定义在curdtools.js中。

2.2.1. 几处判断逻辑

• typeof(windowapi) == 'undefined'
  windowapi = frameElement.api，一般情况下都是defined了的；

• 指定了字典表字段，tablefield != "" && tablefield != null
  如果没有指定字典（报表）中的字段，则报表中的字段name同目标字段；
  项目中，字典用在多处，一般需要指定；
  （对应数据库字段不为空的情况下,根据表单中字典TEXT的值来取popup的值）

• inputfield.length>1
  （对应数据库字段为空的情况下并且字典CODE传入多个值时，根据表单中字典CODE的值从popup中来取值；
  对应数据库字段为空的情况下并且字典CODE传入一个值时，根据表单中字典TEXT的值从popup中来取值）

• str.indexOf("undefined")==-1
  如果在字典中获取不到该值，则将目标字段置为空字符串；
  此处要注意，报表中name是小写的，不论online设计中是否大写；

• inputs.length==1
  是否是单选,列表中指定name，可以获取多条记录，触发popup，选择多条字典值，更新多条记录的值

2.2.2. 调用online报表

• cgReportController.do?popup&id="+pcode

3. 扩展实现关联查询中传递参数

3.1. 对比“报表”功能分析

对比“报表”功能的请求地址：

http://localhost/labsharp/cgReportController.do?list&id=lims_ps_method_testid&testid=4028e381646d5a7201646d72ceda0004

• 报表功能使用action为list，可传递报表id，以及报表参数。

对比两者的Freemarker模板：

/org/jeecgframework/web/cgreport/engine/core/cgreportlist.ftl
/org/jeecgframework/web/cgreport/engine/core/cgreportlistpopup.ftl

• 报表使用cgreportlist模板，popup使用cgreportlistpopup模板

查找Freemarker中dataGrid的数据加载url：

url:'cgReportController.do?datagrid&configId=${config_id}${config_params}'

两者调用的是同一个action，即popup支持参数就差一哆嗦了。

3.2. 修改curdtools实现

popupClick添加pparams参数；
拼接pparams参数到popup Action；

function popupClick(pobj,tablefield,inputnames,pcode,pparams) {}

var contenturl = "url:cgReportController.do?popup&id="+pcode;
if(pparams != null && pparams !="" && pparams != "undefined"){
    contenturl += pparams;
}

3.3. 调用

onclick="popupClick(this,'id,标准编码,标准名称,方法名称','methodid,standardCode,standardName,methodName','lims_ps_method_testid','&testid=${mainId}')"

代码中mainId为父子表中的testid。

报表定义

Online报表定义如下，jeecg的红色注释可以去掉了。

4. 小结

• popup传参的应用场景很多，毕竟一个表单上要填写很多信息，这些信息直接经常有级联关系，而且它们还需要从字典库中选择，比如申请单中要填写客户、客户联系人
• jeecg很溜的实现了参数，就差一哆嗦了，感谢jeecg

码字不易，如果对您有所帮助，请赞一个，谢谢！

5. 附录

5.1. 修改后的jeecg popup实现代码

/**
 *   object: pobj当前操作的文本框.
 *   tablefield:对应字典TEXT,要从popup报表中获取的字段.
 *   inputnames:对应字典CODE,当前需要回填数据的文本框名称.
 *   pcode:动态报表的code
 *   pparams:动态报表的参数和值&p1=v1&p2=v2格式
 */
function popupClick(pobj,tablefield,inputnames,pcode,pparams) { 
    $.dialog.setting.zIndex = getzIndex(false);

    if(inputnames==""||pcode==""){
        alert("popup参数配置不全");
        return;
    }
    var contenturl = "url:cgReportController.do?popup&id="+pcode;
    if(pparams != null && pparams !="" && pparams != "undefined"){
        contenturl += pparams;
    }
    if(typeof(windowapi) == 'undefined'){ 
        $.dialog({
            content: contenturl, 
            //zIndex: getzIndex(), 
            lock : true,
            title:"选择",
            width:800,
            height: 400,
            cache:false,
            ok: function(){
                iframe = this.iframe.contentWindow;
                var selected = iframe.getSelectRows();
                if (selected == '' || selected == null ){
                    alert("请选择");
                    return false;
                }else {
                    //对应数据库字段不为空的情况下,根据表单中字典TEXT的值来取popup的值
                    if(tablefield != "" && tablefield != null){
                        var fields = tablefield.split(",");
                        var inputfield = inputnames.split(",");
                        for(var i1=0;i1<fields.length;i1++){
                            var str = "";
                            $.each( selected, function(i, n){ 
                                if (i==0)
                                    str+= n[fields[i1]];
                                else{
                                    str+= ",";
                                    str+=n[fields[i1]];
                                }
                                });
                            var inputname = $(pobj).attr("name"); 
                            var inputs = inputname.split(".");
                            //判断传入的this格式是否为 "AA[#index#].aa"的形式
                            if(str.indexOf("undefined")==-1){
                                if(inputs.length>1){ //update--begin--author:scott date:20171031 for:TASK #2385 online和代码生成器 一对多行popup多字段赋值问题解决-----------
                                    var inpu = inputs[0]+"."+inputfield[i1];

                                    $("input[name='"+inpu+"']").val(str);
                                }else{
                                    $("input[name='"+inputfield[i1]+"']").val(str);
                                }
                            }else{
                                if(inputs.length>1){

                                    var inpu = inputs[0]+"."+inputfield[i1];

                                    $("input[name='"+inpu+"']").val("");
                                }else{
                                    $("input[name='"+inputfield[i1]+"']").val("");
                                }
                            }
                        }
                    }else{
                        //对应数据库字段为空的情况下并且字典CODE传入多个值时，根据表单中字典CODE的值从popup中来取值
                        var inputfield = inputnames.split(",");
                        if(inputfield.length>1){
                            for(var i1=0;i1<inputfield.length;i1++){
                                    var str = "";
                                    $.each( selected, function(i, n){ 
                                        if (i==0)
                                            str+= n[inputfield[i1]];
                                        else{
                                            str+= ",";
                                            str+=n[inputfield[i1]];
                                        }
                                        });
                                    var inputname = $(pobj).attr("name"); 
                                    var inputs = inputname.split(".");
                                    if(str.indexOf("undefined")==-1){
                                        if(inputs.length>1){
                                            var inpu = inputs[i1]+"."+inputfield[i1];
                                            $("input[name='"+inpu+"']").val(str);
                                        }else{
                                            $("input[name='"+inputfield[i1]+"']").val(str);
                                        }
                                    }else{
                                        if(inputs.length>1){
                                            var inpu = inputs[i1]+"."+inputfield[i1];
                                            $("input[name='"+inpu+"']").val("");
                                        }else{
                                            $("input[name='"+inputfield[i1]+"']").val("");
                                        }
                                    }
                                }
                        }else{
                            //对应数据库字段为空的情况下并且字典CODE传入一个值时，根据表单中字典TEXT的值从popup中来取值
                                var str = "";
                            $.each( selected, function(i, n){
                                if (i==0)
                                str+= n[inputfield];
                                else
                                str+= ","+n[inputfield];
                            });
                            var inputname = $(pobj).attr("name"); 
                            var inputs = inputname.split(".");
                            if(str.indexOf("undefined")==-1){
                                if(inputs.length>1){

                                    var inpu = inputs[0]+"."+inputfield[i1];

                                    $("input[name='"+inpu+"']").val(str);
                                }else{
                                    $("input[name='"+inputfield+"']").val(str);
                                }
                            }else{
                                if(inputs.length>1){

                                    var inpu = inputs[0]+"."+inputfield[i1];

                                    $("input[name='"+inpu+"']").val("");
                                }else{
                                    $("input[name='"+inputfield+"']").val("");
                                }
                            }
                        }
                    }
                    return true;
                }
                
            },
            cancelVal: '关闭',
            cancel: true // 为true等价于function(){}
        });
    }else{  
        $.dialog({
            content: contenturl, 
            //zIndex: getzIndex(), 
            lock : true,
            title:"选择",
            width:800,
            height: 400,
            parent:windowapi,
            cache:false,
            ok: function(){
                iframe = this.iframe.contentWindow;
                var selected = iframe.getSelectRows();
                if (selected == '' || selected == null ){
                    alert("请选择");
                    return false;
                }else {
                    //对应数据库字段不为空的情况下,根据表单中字典TEXT的值来取popup的值
                    if(tablefield != "" && tablefield != null){ 
                        var fields = tablefield.split(",");
                        var inputfield = inputnames.split(",");
                        //循环所有的字段
                        for(var i1=0;i1<fields.length;i1++){
                            var str = "";
                            //循环所有选中的行
                            $.each( selected, function(i, n){ 
                                if (i==0){ 
                                    str+= n[fields[i1].toLowerCase()];
                                }	
                                else{
                                    str+= ",";
                                    str+=n[fields[i1]];
                                }
                                });
                            var inputname = $(pobj).attr("name");  
                            var inputs = inputname.split(".");
                            //判断传入的this格式是否为 "AA[#index#].aa"的形式 
                            if(str.indexOf("undefined")==-1){ 
                                if(inputs.length>1){//多选 
                                    var inpu = inputs[0]+"."+inputfield[i1];
                                    $("input[name='"+inpu+"']").val(str);
                                }else{//单选 
                                    $("input[name='"+inputfield[i1]+"']").val(str);
                                }
                            }else{//没有从弹窗中获取到值，则将表单中的字段值为空 
                                if(inputs.length>1){//多选
                                    var inpu = inputs[0]+"."+inputfield[i1];
                                    $("input[name='"+inpu+"']").val("");
                                }else{//单选
                                    $("input[name='"+inputfield[i1]+"']").val("");
                                }
                            }
                        }
                    }else{ 
                        //对应数据库字段为空的情况下并且字典CODE传入多个值时，根据表单中字典CODE的值从popup中来取值
                        var inputfield = inputnames.split(",");
                        if(inputfield.length>1){
                            for(var i1=0;i1<inputfield.length;i1++){
                                    var str = "";
                                    $.each( selected, function(i, n){ 
                                        if (i==0)
                                            str+= n[inputfield[i1]];
                                        else{
                                            str+= ",";
                                            str+=n[inputfield[i1]];
                                        }
                                        });
                                    var inputname = $(pobj).attr("name"); 
                                    var inputs = inputname.split(".");
                                    if(str.indexOf("undefined")==-1){
                                        if(inputs.length>1){
                                            var inpu = inputs[i1]+"."+inputfield[i1];
                                            $("input[name='"+inpu+"']").val(str);
                                        }else{
                                            $("input[name='"+inputfield[i1]+"']").val(str);
                                        }
                                    }else{
                                        if(inputs.length>1){
                                            var inpu = inputs[i1]+"."+inputfield[i1];
                                            $("input[name='"+inpu+"']").val("");
                                        }else{
                                            $("input[name='"+inputfield[i1]+"']").val("");
                                        }
                                    }
                                }
                        }else{
                            //对应数据库字段为空的情况下并且字典CODE传入一个值时，根据表单中字典TEXT的值从popup中来取值
                                var str = "";
                            $.each( selected, function(i, n){
                                if (i==0)
                                str+= n[inputfield];
                                else
                                str+= ","+n[inputfield];
                            });
                            var inputname = $(pobj).attr("name"); 
                            var inputs = inputname.split(".");
                            if(str.indexOf("undefined")==-1){
                                if(inputs.length>1){
                                    var inpu = inputs[i1]+"."+inputfield[i1];
                                    $("input[name='"+inpu+"']").val(str);
                                }else{
                                    $("input[name='"+inputfield+"']").val(str);
                                }
                            }else{
                                if(inputs.length>1){
                                    var inpu = inputs[i1]+"."+inputfield[i1];
                                    $("input[name='"+inpu+"']").val("");
                                }else{
                                    $("input[name='"+inputfield+"']").val("");
                                }
                            }
                        }
                    }
                    return true;
                }
                
            },
            cancelVal: '关闭',
            cancel: true // 为true等价于function(){}
        });
    }
}