表单Enter件切换input框，最后一个input框获得焦点触发保存

凯特-庞峰

1.表单注册被激活事件(selfactivate)

1. //表单选中的第几个的标识
   
2.     form.selectIndex = 1;
   
3.     if(!form.showFields){
   
4.         var showFields= form.showFields || [];
   
5.         var xtypeField = ['textfield','numberfield','cbbfield','uxfilefield'];
   
6.         var basicFields = form.funcData.basicFields;
   
7.         //从表单功能数据获取到有文本框的组件
   
8.         for(key in basicFields){
   
9.             if(!basicFields[key].hidden && xtypeField.indexOf(basicFields[key].xtype) != -1){
   
10.                 showFields.push(form.down('[name='+key+']'));
    
11.             }
    
12.         }
    
13.         form.showFields = showFields;
    
14.         //默认第一个组件获得焦点
    
15.         form.showFields[0] &&  form.showFields[0].getEl().down('input').focus();
    
16.     }else{
    
17.         //默认第一个组件获得焦点
    
18.        form.showFields[0] && form.showFields[0].getEl().down('input').focus();
    
19.     }

复制代码

2.表单注册渲染后事件（afterrender）

1. //表单注册键盘事件
   
2.     self.getEl().on('keydown',function(e){
   
3.         if(e.getKey() == 13){
   
4.             if(self.showFields && self.showFields.length>0 && self.selectIndex < self.showFields.length){
   
5.                 self.showFields[self.selectIndex].getEl().down('input').focus();
   
6.                 self.selectIndex++;
   
7.             }else{
   
8.                 //如果是最后一个组件就保存数据
   
9.                 var saveBtn = self.getButton('formSaveBtn');
   
10.                 if(saveBtn && !saveBtn.hidden){
    
11.                     saveBtn.fireHandler();
    
12.                 }
    
13.             }
    
14.         }
    
15.     });

复制代码

凯特-庞峰

xtypeField 是你要操作的表单的组件