弹出窗口表单数据回显在主表单中，并存数据库

案例效果

弹出窗口中录入的数据，回显在主表单字段并触发保存，将数据存到数据库

实现思路

1. 在表单中增加一个按钮

2. 注册按钮点击事件

3. 先获取弹出表单数据在回显到主表单并保存

操作步骤

1. 在表单中增加一个按钮

2. 注册按钮点击事件

3. 先获取弹出表单数据在回显到主表单并保存

相关代码

function(btn,event,eOpts){
     //弹出框面板
    JE.win({
        title:'调试',
        width:600,
        height:200,
        xtype:'panel',
        useButton:true,//显示确定取消按钮
        items:[{
            xtype:'form',
            border:0,
            margin:'10px 10px 10px 10px',
            layout: {
                type: 'vbox',
                align : 'stretch',
                pack  : 'start',
            },
            items:[{
                fieldLabel:"调试原因",
                xtype:'textfield',
                labelWidth:70,
                maxLength:'50',//最大长度
                name:'ALWD_DSSM', //名称 
                allowBlank:false,//是否为空
                emptyText:"请输入调试原因" //空文本
            }]
         }],
        autoShow:true,
        okButtonText:'确定',
        //点确定触发回调
        fn:function(win){
            //获取当前弹出窗口form
            var  form = win.down("[xtype=form]");
            //获取输入框的值，两种方式都可以
            // var reason = form.getValues();
            var reason = form.form.findField("ALWD_DSSM").getValue();
            //获取主表单
            var formparent = btn.up("jeformview");
            //给主表单字段赋值
            formparent.form.findField("ALWD_DSSM").setValue(reason);
            //触发保存按钮
            formparent.clickButton("formSaveBtn");
            //关闭窗口
            win.close(); 
        }
    });
}

关键字，相关问题

• 弹框
• 回显数据
• JE.win()