【列表系列】通过列表按钮弹出表单用以输入条件

guoguo

一、实现效果
如图1所示，点击列表按钮，弹出弹框方便输入一些条件。


二、实现思路
三、具体操作
1、在按钮单击事件上，用JE.win({})弹出弹框即可。如图2.

四、相关代码（可选）

1. function(btn,event,eOpts){
   
2.     JE.win({
   
3.             title:'操作类型',
   
4.             width:400,
   
5.             height:160,
   
6.             autoShow:true,
   
7.             useButton:true,
   
8.         items:[{
   
9.                 xtype:'form',
   
10.                 border:0,
    
11.                 itemId:'form',
    
12.                 margin:'10 20',
    
13.                 layout:'column',
    
14.                 defaults:{
    
15.                 labelWidth:70,
    
16.                 columnWidth: 1,
    
17.             },
    
18.             items:[{
    
19.                 xtype:'cbbfield',
    
20.                 fieldLabel:'类型',
    
21.                 name:'type',
    
22.                 configInfo : 'JE_ZQCZLX,ZQGL_FRBM,code,S',
    
23.                 labelWidth : 100,
    
24.                 allowBlank:false
    
25.             },
    
26.             {
    
27.                 xtype:'hidden',
    
28.                 fieldLabel:'类型编码',
    
29.                 name:'ZQGL_FRBM'
    
30.             }]
    
31.         }],
    
32.         fn:function(win){
    
33.             var form = win.getCmp('form');
    
34.             var values = form.getValues();
    
35.             if (!form.isValid()) {
    
36.                 return false;
    
37.             }
    
38.         }
    
39.     });
    
40.     return true;
    
41. }

复制代码

五、总结（可选）
可以在任何地方弹出弹框，方法如上，直接复制代码修改对应字段即可。
六、关键字

弹框，弹出操作框，弹出表单