ExtJs根据combo的选择值决定表单项的隐藏或者显示

“资格考试是否通过”是一个combo组件,”资格考试说明“是一个textfield,最初是隐藏的,如果combo的选择值为“是”,则显示该表单项,否则不显示。注意combo自检中的store数据源为passExam,需要定义。本例中定义为:

// 资格考试是否通过 var passExam = [ ["是", "是"],["无", "无"] ];
form表单中的定义如下:

{ width : 200, xtype: "combo", fieldLabel : "资格考试是否通过", name : "passExam", id: "passExam", emptyText: "请选择资格考试是否通过", mode: 'local', autoLoad: true, triggerAction: 'all', valueField: 'id',// 实际值 displayField: 'name',// 显示值 store: passExam,// 数据源 listeners: { // 根据选择的值来决定表项是否显示 "select": function() { if (Ext.getCmp("passExam").getValue() == "是") { Ext.getCmp("examNote").setVisible(true); } else { Ext.getCmp("examNote").setVisible(false); } } } }, { xtype: "textfield", width : 200, fieldLabel : "资格考试说明", name : "examNote", id: "examNote", hidden: true }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值