【表单系列】如何实现子功能集合的数据随着主表改变

guoguo

一、实现效果
如图1，主表输入10，则子功能集合则产生10条数据。


二、实现思路
1、在该字段的值改变事件上写代码。
2、往子功能集合中插入数据
三、具体操作
1、双击点开房间数量的配置项，在值改变事件上写代码。如图2:

2、如图3所示，分析代码如下：

1）通过该字段获取表单。
2）通过表单获取该表单上的子功能集合。通过子功能集合获取列表。先删除列表上的内容。
3）循环往子功能集合里面插入数据
四、相关代码（可选）

1. function(field, value, eOpts){
   
2.     //获取房间数量
   
3.     var num = field.getValue();
   
4.     //获取表单
   
5.     var form = field.up("jeformview");
   
6.     //获取子功能集合
   
7.     var childListField = form.getFields("childfuncfield_1");
   
8.     var grid = childListField.grid;
   
9.     grid.getStore().removeAll();
   
10.     // grid.removeAll();
    
11.     // grid.Store.removeAll();
    
12.     //循环往子功能集合里面插入数据
    
13.     var data = grid.funcData.getDefVals();
    
14.     for(var i=0;i<num;i++){
    
15.         data.BJMX_NAME = "房间"+(i+1);
    
16.         data.BJMX_CODE = "FJ"+"00"+(i+1);
    
17.         grid.getStore().add(data);
    
18.     }
    
19.     //返回
    
20.     return true;
    
21. }

复制代码

五、总结（可选）
子功能集合位于表单上，可以随着表单字段的变化而变化。
六、关键字

子功能集合，数据增加，默认增加多条数据