【表单系列】表单字段写高级后缀方式实现查询

guoguo

一、实现效果
点击该字段的后缀部分，弹出查询框，如图1:


二、实现思路
文字描述，可以配图。
三、具体操作
1、双击该字段，修改该字段的配置部分，配置高级后缀，如图2:

2、点击该图标，写相关代码，如图3:

3、通过该字段获取当前表单和字段
4、通过JE.selectWin弹出一个列表框
5、配置该弹出框的标题，类型，配置信息等
6、当点击页面确定按钮时，会回调这里，这个函数的参数就是页面选中的参数
四、相关代码（可选）

1. function(field){
   
2.     var form = field.up("jeformview");
   
3.     //门店编码
   
4.     var MAIN_FLEX_VALUE = form.getFields("MAIN_FLEX_VALUE");
   
5.     //门店名称
   
6.     var MAIN_FLEX_VALUE_DESCRIPTION = form.getFields("MAIN_FLEX_VALUE_DESCRIPTION");
   
7.     JE.selectWin({
   
8.         title:'天眼查企业数据',
   
9.         type:'grid',
   
10.         multiSelect:false,
    
11.         configInfo:'MDM_TYC_COMPANY_POPUP,,S',
    
12.         callback:function(sels){
    
13.             Ext.each(sels,function( ){
    
14.                 var CREDITCODE = sel.data.CREDITCODE; //统一社会信用代码
    
15.                 var NAME = sel.data.NAME;           //企业名称
    
16.                 MAIN_FLEX_VALUE.setValue(CREDITCODE);
    
17.                 MAIN_FLEX_VALUE_DESCRIPTION.setValue(NAME);
    
18.             });
    
19.         }
    
20.     });
    
21.    
    
22. }

复制代码

五、总结（可选）
每个字段都可以通过高级后缀实现自己想实现的业务逻辑。JE.selectWin弹出弹框可以自定义自己的业务。
六、关键字

高级后缀，查询选择，弹框查询