JEPaaS 社区

 找回密码
 立即注册
JEPaaS低代码平台-官网
查看: 2490|回复: 0

下拉框通过监听值改变事件改变下拉数据

[复制链接]

44

主题

150

帖子

671

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
671
发表于 2022-3-10 14:46:55 | 显示全部楼层 |阅读模式
案例效果
实际场景:自定义弹出的表单中,两个下拉框通过监听值改变事件返回数据


实现思路
1. 使用JE.win()自定义弹出表单

2. A字段数据变化,B字段跟着变,所以添加A字段的值改变事件

操作步骤

1. 使用JE.win()自定义弹出表单

2. A字段数据变化,B字段跟着变,所以添加A字段的值改变事件

相关代码

  1. function(btn,event,eOpts){

  2.     JE.win({

  3.         title:'调试',

  4.         width:600,

  5.         height:500,

  6.         xtype:'panel',

  7.         useButton:true,//显示确定取消按钮

  8.         items:[{

  9.             xtype:'form',

  10.             border:0,

  11.             margin:'10px 10px 10px 10px',

  12.             layout: {

  13.                 type: 'vbox',

  14.                 align : 'stretch',

  15.                 pack  : 'start',

  16.             },

  17.             items:[{

  18.                 fieldLabel:"调试类型",

  19.                 xtype:'cbbfield',

  20.                 //configInfo : 'JE_YL_CASE_STATUS,ALWD_TSLX_NAME~ALWD_TSLX_CODE,text~code,S',

  21.                 //调试类型默认显示数据

  22.                 dataArray:[

  23.                     {code:'0',text:'调试本地'},

  24.                     {code:'1',text:'调试线上'}

  25.                 ],

  26.                 labelWidth:70,

  27.                 maxLength:'50',//最大长度

  28.                 name:'ALWD_TSLX', //名称

  29.                 allowBlank:false,//是否为空

  30.                 emptyText:"请选择类型", //空文本

  31.                 value:"请选择类型",

  32.                 //添加监听

  33.                 listeners:{

  34.                     //监听值改变事件  field当前字段,newValue新值 oldValue旧值

  35.                     change:function(field,newValue,oldValue){

  36.                         var form =  field.up("form");

  37.                         var cbbfield= form.down("[name=ALWD_TSJD]");

  38.                         if(newValue=="0" || newValue=="调试本地"){

  39.                             cbbfield.getStore().loadData([{code:'0',text:'本地进行中'},{code:'1',text:'本地已完成'}]);

  40.                         }else{

  41.                             cbbfield.getStore().loadData([{code:'2',text:'线上进行中'},{code:'3',text:'线上已完成'}]);

  42.                         }

  43.                     }

  44.                 }

  45.             },{

  46.                 fieldLabel:"调试进度",

  47.                 xtype:'cbbfield',

  48.                 //configInfo : 'JE_YL_CASE_STATUS,ALWD_TSLX_NAME~ALWD_TSLX_CODE,text~code,S',

  49.                 //调试类型默认显示数据

  50.                 dataArray:[

  51.                     {code:'0',text:'本地进行中'},

  52.                     {code:'1',text:'本地已完成'},

  53.                     {code:'2',text:'线上进行中'},

  54.                     {code:'3',text:'线上已完成'}

  55.                 ],

  56.                 labelWidth:70,

  57.                 maxLength:'50',//最大长度

  58.                 name:'ALWD_TSJD', //名称

  59.                 allowBlank:false,//是否为空

  60.                 emptyText:"请选择调试进度", //空文本

  61.                 value:"",

  62.             }]



  63.          }],

  64.         autoShow:true,

  65.         okButtonText:'确定',

  66.         fn:function(win){

  67.             //获取当前弹出窗口form

  68.             var  form = win.down("[xtype=form]");

  69.             //关闭窗口

  70.             win.close();

  71.         }

  72.     });

  73. }
复制代码


关键字
下拉框值改变
监听事件

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|手机版|JEPaaS 低代码平台社区 ( 京ICP备18023569号 )

GMT+8, 2024-3-29 01:51 , Processed in 0.055308 second(s), 20 queries .

Powered by 北京凯特伟业科技有限公司

Copyright © 2001-2021, JEPaaS.COM

快速回复 返回顶部 返回列表