포커스가있는 텍스트 필드 색 변경 ExtJs

Question

사용자가 커서를 놓을 때 텍스트 필드의 색을 변경하려고합니다. 사용자가 텍스트 필드를 찾기가 더 쉽습니다.

CSS 규칙을 사용하여 색상을 변경하는 방법은 다른 게시물에서 볼 수 있습니다. API에서 fieldCls 및 focusCls를 사용하여 색상을 변경했지만 작동하지 않는 경우 문제가 포커스에 있음을 압니다. 피어링되지 않은 경우, 버튼의

정의 :

xtype:'textfield', 
focusCls:'red', 
fieldCls:'green', 
listener: { 
    'focus':function(){ 
     Ext.Msg.Alert('Focus','TextField have focus'); //This don't run 
    } 
} 

CSS 규칙 :

.red { 
    background-image: none; 
    background-color:#ff0000 !important; 
} 
.green { 
    background-image: none; 
    background-color:#00ff00 !important; 
} 

내가 만든 바이올린에이 시험의 : http://jsfiddle.net/FabioJCosta/3ZZcZ/547/

버튼으로 포커스를 강제로 지정하는 경우에도 textfield.focus (false, 200); 초점 이벤트가 치열하지 않습니다.

다른 사람들에게 도움이되기를 바랍니다.

고마워요

Answer 1

질문을 이해하면 jQuery가 필요하지 않습니다.

.green:focus { 
    background-image: none; 
    background-color:#ff0000 !important; 
} 
.green { 
    background-image: none; 
    background-color:#00ff00 !important; 
}