弹出窗口中录入的数据并保存

凯特-李春莹

案例效果

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

实现思路

• 在表单中增加一个按钮
• 注册按钮点击事件
• 先获取弹出表单数据在回显到主表单并保存
  
  
  

操作步骤

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

2. 注册按钮点击事件

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

相关代码

1. function(btn,event,eOpts){
   
2.      //弹出框面板
   
3.     JE.win({
   
4.         title:'调试',
   
5.         width:600,
   
6.         height:200,
   
7.         xtype:'panel',
   
8.         useButton:true,//显示确定取消按钮
   
9.         items:[{
   
10.             xtype:'form',
    
11.             border:0,
    
12.             margin:'10px 10px 10px 10px',
    
13.             layout: {
    
14.                 type: 'vbox',
    
15.                 align : 'stretch',
    
16.                 pack  : 'start',
    
17.             },
    
18.             items:[{
    
19.                 fieldLabel:"调试原因",
    
20.                 xtype:'textfield',
    
21.                 labelWidth:70,
    
22.                 maxLength:'50',//最大长度
    
23.                 name:'ALWD_DSSM', //名称
    
24.                 allowBlank:false,//是否为空
    
25.                 emptyText:"请输入调试原因" //空文本
    
26.             }]
    
27.          }],
    
28.         autoShow:true,
    
29.         okButtonText:'确定',
    
30.         //点确定触发回调
    
31.         fn:function(win){
    
32.             //获取当前弹出窗口form
    
33.             var  form = win.down("[xtype=form]");
    
34.             //获取输入框的值，两种方式都可以
    
35.             // var reason = form.getValues();
    
36.             var reason = form.form.findField("ALWD_DSSM").getValue();
    
37.             //获取主表单
    
38.             var formparent = btn.up("jeformview");
    
39.             //给主表单字段赋值
    
40.             formparent.form.findField("ALWD_DSSM").setValue(reason);
    
41.             //触发保存按钮
    
42.             formparent.clickButton("formSaveBtn");
    
43.             //关闭窗口
    
44.             win.close();
    
45.         }
    
46.     });
    
47. }

复制代码