ExtJS: 下拉框的动态绑定

需求如下图所示:根据前一个下拉框所选内容,动态给后一个下拉框塞入数据:在这里插入图片描述
解决方案:
一:监听前一个下拉框的Chang事件,书写对应的方法:
在这里插入图片描述

在这里插入图片描述
可能出现的问题:
   采用以下这种在for循环内部给下拉框动态赋值的方式会出现问题,它执行的是数据的覆盖,最后页面只会显示最后一条数据。
在这里插入图片描述
解决方案二:

  一、将后一个下拉框中所有可能出现的情况,在控件初始化时就把所有的数据存到ViewModel中,然后在ViewModel中使用formulas属性,
在这里插入图片描述
(viewModel配置中的一些解释说明)
在这里插入图片描述  formulas的作用:定义命名值的对象,其值由函数调用管理。这个对象的属性名在ViewModel中被分配为值。

二:对前后两个下拉框分别进行绑定
在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值