Sencha에서 일반 단추 모양을 누르는 방법?

Question

사용자가 누를 때 일반 버튼 모양을 누르는 방법? 또 다른 버튼을 클릭했을 때 정상적으로 보이게하는 방법은 무엇입니까? 세그먼트 화 된 버튼을 사용하여이 작업을 수행 할 수 있습니다. 하지만 정상적인 버튼을 사용하여 그것을 달성하는 방법? sencha-touch-debug.css에서

Answer 1

, 누른 confirm button 신청 한 CSS를 확인 ..

/* line 73, ../themes/stylesheets/sencha-touch/default/_mixins.scss */ 
.x-button.x-button-confirm.x-button-pressing, .x-button.x-button-confirm.x-button-pressing:after, .x-button.x-button-confirm.x-button-pressed, .x-button.x-button-confirm.x-button-pressed:after, .x-button.x-button-confirm.x-button-active, .x-button.x-button-confirm.x-button-active:after, .x-toolbar .x-button.x-button-confirm.x-button-pressing, .x-toolbar .x-button.x-button-confirm.x-button-pressing:after, .x-toolbar .x-button.x-button-confirm.x-button-pressed, .x-toolbar .x-button.x-button-confirm.x-button-pressed:after, .x-toolbar .x-button.x-button-confirm.x-button-active, .x-toolbar .x-button.x-button-confirm.x-button-active:after, .x-button.x-button-confirm-round.x-button-pressing, .x-button.x-button-confirm-round.x-button-pressing:after, .x-button.x-button-confirm-round.x-button-pressed, .x-button.x-button-confirm-round.x-button-pressed:after, .x-button.x-button-confirm-round.x-button-active, .x-button.x-button-confirm-round.x-button-active:after, .x-toolbar .x-button.x-button-confirm-round.x-button-pressing, .x-toolbar .x-button.x-button-confirm-round.x-button-pressing:after, .x-toolbar .x-button.x-button-confirm-round.x-button-pressed, .x-toolbar .x-button.x-button-confirm-round.x-button-pressed:after, .x-toolbar .x-button.x-button-confirm-round.x-button-active, .x-toolbar .x-button.x-button-confirm-round.x-button-active:after, .x-button.x-button-confirm-small.x-button-pressing, .x-button.x-button-confirm-small.x-button-pressing:after, .x-button.x-button-confirm-small.x-button-pressed, .x-button.x-button-confirm-small.x-button-pressed:after, .x-button.x-button-confirm-small.x-button-active, .x-button.x-button-confirm-small.x-button-active:after, .x-toolbar .x-button.x-button-confirm-small.x-button-pressing, .x-toolbar .x-button.x-button-confirm-small.x-button-pressing:after, .x-toolbar .x-button.x-button-confirm-small.x-button-pressed, .x-toolbar .x-button.x-button-confirm-small.x-button-pressed:after, .x-toolbar .x-button.x-button-confirm-small.x-button-active, .x-toolbar .x-button.x-button-confirm-small.x-button-active:after { 
    background-color: #628904; 
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3e5702), color-stop(10%, #507003), color-stop(65%, #628904), color-stop(100%, #648c04)); 
    background-image: -webkit-linear-gradient(#3e5702, #507003 10%, #628904 65%, #648c04); 
    background-image: linear-gradient(#3e5702, #507003 10%, #628904 65%, #648c04); 
} 

당신은 당신의 app.css 파일이 CSS를 다음 pressedCls 속성을 설정하여 버튼에 적용 할 수 있습니다. 당신이 분할 버튼에 대해 언급 내용에 따라, 당신이 버튼을을 클릭 을 의미 생각하는 동안 사용자가, 눌러 그것을을 잡고있을 때

pressedCls: 'x-button-pressed' 

Answer 2

로드 러너의 대답은 솔루션입니다.

는 그렇다면, 귀하의 질문에 대답하기 위해, 나는 당신이

당신이 button_1 클릭 (자신의 이름과 id 같은과) 2 Ext.Button, button_1 및 button_2을 가지고 누를 것 같다한다고 가정 :

: 당신이 button_2 클릭 마찬가지로 그것을하고 button_1의 모양을 변경할

Ext.getCmp('button_1').setCls('x-button-pressing'); 

0

희망이 도움이됩니다.

Answer 3

토글을 사용해야 작동합니다. toggleGroup은 그룹의 특정 버튼을 그룹화하는 것입니다.

        { 
             xtype: 'button', 
             id: 'btnId' 
             enableToggle: true, 
             text: 'Toggele Button', 
             toggleGroup: 'accountbuttons' 
            }