ExtJS 감청 키보드 이벤트: 리턴 키로 로그인 기능 구현
1854 단어 ExtJS
먼저, 코드는 다음과 같은 양식을 정의합니다.
Ext.define('Demo.view.Viewport', {
extend: 'Ext.container.Viewport',
items:[{
xtype: 'form',
title: 'ExtJS ',
width: 500,
height: 400,
margin: '100 0 0 200',
defaults:{
xtype: 'textfield',
width: 300,
labelWidth: 120,
margin: '20 0 0 30'
},
items:[{
fieldLabel: ' ',
name: 'username'
},{
fieldLabel: ' ',
name: 'password',
inputType: 'password',
// true， false
enableKeyEvents: true
}],
bbar:[{
text: ' ',
action: 'login'
},{
text: ' ',
action: 'reset'
}]
}]
});
그런 다음 암호 상자에 감청 이벤트, 코드를 설정합니다.
Ext.define('Demo.controller.Controller', {
extend: 'Ext.app.Controller',
init:function(){
this.control({
'viewport > form textfield[name=password]':{
keypress: this.userLogin
}
})
},
userLogin:function(b,e,eOpts){
//e.getKey() ，13
if(e.getKey() == 13){
Ext.Msg.alert(' ',' ， ... ...')
}
}
});
ExtJS 키보드 이벤트 상세 정보:
1.우선 감청이 필요한 입력 상자를 키보드 이벤트 (enableKeyEvents:true) 를 사용할 수 있도록 설정해야 합니다. 그렇지 않으면 키보드 이벤트를 사용할 수 없습니다.
2.getKey () 방법으로 버튼이 자신에게 설정된 버튼인지 판단합니다. 구체적인 버튼 번호는 ExtJS가 제시한api를 참조하고 구체적인 조작을 할 수 있습니다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
PHP로 만든 오픈 소스 CMS "Pimcore"설치Pimcore는 Zend Framework와 Ext JS 등으로 만들어진 오픈 소스 CMS입니다. 고기능 너무 코피가 나오게 되기 때문에 주의. 아래에서 공식 데모 사이트에 로그인할 수 있습니다. 해외 사이트 때문인...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
