如何提高多个子功能集合加载表单效率

凯特-郭智雄

一、效果展示

二、实现思路
1、创建一个类型为数据集合的字段
2、在字段事件中，注册beforeInit初始化前事件
3、在初始化前事件中编写相应的字段，来代替之前的子功能集合列表字段
4、最后在列表录入的数据会以JSON的形式存在这个字段中
三、具体操作
首先创建一个普通字段，字段类型改为数据集合


添加自定义事件，初始化前事件

编写初始化前字段，把需要的字段类型，用JS定义好，例如，文本框、数值框、下拉框、查询选择

四、相关代码

1. function(field){
   
2.     field.actionColumnIndex=0;
   
3.     field.columns=[
   
4.                     {
   
5.                     dataIndex : 'xmmc',
   
6.                     width:250,
   
7.                     text : '项目名称',
   
8.                     field:{
   
9.                         //查询选择类型
   
10.                         xtype:"gridssfield",
    
11.                         whereSql : "",
    
12.                         //查询选择配置
    
13.                         configInfo : 'JE_ZB_XMXX,xmmc~xmbm,XMXX_XMMC~XMXX_XMBM,S',
    
14.                     }
    
15.                     },{
    
16.                         dataIndex : 'xmbm',
    
17.                         width:250,
    
18.                         text : '项目编码',
    
19.                         field:{
    
20.                             xtype:"textfield"
    
21.                         }
    
22.                     },{
    
23.                         dataIndex : 'jgName',
    
24.                         width:120,
    
25.                         //用于隐藏使用
    
26.                         hidden:true,
    
27.                         text : '隐藏字段'
    
28.                     },{
    
29.                         flex:1,
    
30.                         dataIndex : 'bz',
    
31.                         width:250,
    
32.                         text : '备注',
    
33.                         field:{
    
34.                             xtype:"textfield"
    
35.                         }
    
36.                     }
    
37.                 ]
    
38. }

复制代码