특정 CSS Object 값에 이벤트를 걸어주는 방법에 대해서 소개한다.
아래의 소스에는 "menu"라는 id값을 가진 객체에 클릭이벤트를 걸어주는 소스이다.
Ext.select('#menu').on('click', function(e){ alert(e.target) text = Ext.get(e.target); //이벤트 타겟을 찾는다. text.puff(); //텍스트에 fade효과를 준다. e.stopEvent() //Event bubble효과를 막기위해서 event를 멈춘다. });
위의 소스는 어플리케이션 기본정보나 컴포넌트 기본정보에서 담당자 클릭시 나오는 컨텍스트 메뉴를 구현하는데 사용되었다.
이올린에 북마크하기
이올린에 추천하기
