ExtJS表單提交時,不用鼠標點擊按鈕提交,直接經過回車鍵提交

用ExtJs實現登錄界面,輸入用戶名和密碼,點擊肯定後登錄。然而人們習慣於在輸入二者後按回車鍵進行登錄。 url

在extjs中,Button自己是支持回車事件的,前提是:焦點在按鈕上,此時回車和單擊事件是一回事。form中的field事件中有specilkey事件,能夠響應回車鍵。在輸入用戶名,或者密碼後點擊"回車",讓field響應回車事件,而後經過form提交。所以在用戶名和密碼的field中listeners監聽specilkey事件。響應回車鍵是焦點在用戶名或者密碼的field 時,按回車纔會響應。 code

fieldLabel : '登陸賬號',  
name : 'username',  
listeners : {  
    specialkey : function(field, e) {  
        if (e.getKey() == Ext.EventObject.ENTER) {  
            form  
                    .getForm()  
                    .submit(  
                            {  
                                success : function(  
                                        form,  
                                        action) {  
                                      
                                    window.location.href = action.result.url;  
                                      
                                },  
                                url : 'Login',  
                                waitMsg : '正在提交,請稍等...'  
                            })  
        }  
    }  
}
相關文章
相關標籤/搜索