|
一、实现效果
点击按钮,出现可以输入条件的小弹窗,如图1:
二、实现思路
文字描述,可以配图。
三、具体操作
1、在列表上新增一个按钮,如图2:
2、在单击前写事件,展示条件框,如图3:
3、通过JE.win展示弹出框,在items里面写本次弹出框的类型,即是list还是form。
4、在弹出框的元素在items里面写,如果该元素是查询选择,则可以参照平台查询选择的配置方法,如图4:
四、相关代码(可选)
- JE.win({
- title:'操作类型',
- width:400,
- height:160,
- autoShow:true,
- useButton:true,
- items:[{
- xtype:'form',
- border:0,
- itemId:'form',
- margin:'10 20',
- layout:'column',
- defaults:{
- labelWidth:70,
- columnWidth: 1,
- },
- items:[{
- xtype:'cbbfield',
- fieldLabel:'类型',
- name:'type',
- configInfo : 'JE_ZQCZLX,ZQGL_FRBM,code,S',
- labelWidth : 100,
- allowBlank:false
- },{
- xtype:'hidden',
- fieldLabel:'类型编码',
- name:'ZQGL_FRBM'
- }]
- }],
- fn:function(win){
- var ZQGL_FRBM = values.ZQGL_FRBM;
- var LXMC;
- //验证通过则请求后台修改状态、记录日志
- if(obj.success){
- var obj2 = JE.ajax({
- url:'/je/ftbp/paymentDays/updateState',
- params:{
- ids: ids,
- code:ZQGL_FRBM,
- type:"C"
- }
- });
- if(obj2.success){
- JE.alert("GL/总账关账成功,总计更新了"+ids.length+"条数据");
- var grid = btn.up("jegridview");
- grid.load();
- }
- }
- });
复制代码
五、总结(可选)
列表上的按钮,点击的时候可以通过JE.win展示各种各样的弹框,可以在弹框里面配置自己要展示的各种字段。
六、关键字
弹框,按钮,查询选择,列表弹框,查询条件
|
|