【列表按钮系列】点击按钮，出现可以输入条件的小弹窗

guoguo

一、实现效果
点击按钮，出现可以输入条件的小弹窗，如图1:


二、实现思路
文字描述，可以配图。
三、具体操作
1、在列表上新增一个按钮，如图2:

2、在单击前写事件，展示条件框，如图3:

3、通过JE.win展示弹出框，在items里面写本次弹出框的类型，即是list还是form。
4、在弹出框的元素在items里面写，如果该元素是查询选择，则可以参照平台查询选择的配置方法，如图4:

四、相关代码（可选）

1. JE.win({
   
2.         title:'操作类型',
   
3.         width:400,
   
4.         height:160,
   
5.         autoShow:true,
   
6.         useButton:true,
   
7.         items:[{
   
8.             xtype:'form',
   
9.             border:0,
   
10.             itemId:'form',
    
11.             margin:'10 20',
    
12.             layout:'column',
    
13.             defaults:{
    
14.                 labelWidth:70,
    
15.                 columnWidth: 1,
    
16.             },
    
17.             items:[{
    
18.                 xtype:'cbbfield',
    
19.                 fieldLabel:'类型',
    
20.                 name:'type',
    
21.                 configInfo : 'JE_ZQCZLX,ZQGL_FRBM,code,S',
    
22.                 labelWidth : 100,
    
23.                 allowBlank:false
    
24.             },{
    
25.                 xtype:'hidden',
    
26.                 fieldLabel:'类型编码',
    
27.                 name:'ZQGL_FRBM'
    
28.             }]
    
29.         }],
    
30.         fn:function(win){
    
31.             var ZQGL_FRBM = values.ZQGL_FRBM;
    
32.             var LXMC;
    
33.                     //验证通过则请求后台修改状态、记录日志
    
34.                     if(obj.success){
    
35.                         var obj2 = JE.ajax({
    
36.                             url:'/je/ftbp/paymentDays/updateState',
    
37.                             params:{
    
38.                                 ids: ids,
    
39.                                 code:ZQGL_FRBM,
    
40.                                 type:"C"
    
41.                             }
    
42.                         });
    
43.                         if(obj2.success){
    
44.                             JE.alert("GL/总账关账成功,总计更新了"+ids.length+"条数据");
    
45.                             var grid = btn.up("jegridview");
    
46.                             grid.load();
    
47.                         }
    
48.         }
    
49.     });

复制代码

五、总结（可选）
列表上的按钮，点击的时候可以通过JE.win展示各种各样的弹框，可以在弹框里面配置自己要展示的各种字段。
六、关键字

弹框，按钮，查询选择，列表弹框，查询条件