클릭시 새로운 패널로 이동 예제

질문

이런식으로 하면, 첫화면에 4개의 이미지가 뜹니다.

제가 궁금한 점은, 이 4개의 이미지에 이벤트를 걸어서, 클릭시에 새로운 화면으로 이동시키고자 하는데,

listener를 통해 구현해야 하는 듯 한데, 잘 모르겠습니다.

클릭 이벤트를 구현하는 방법 좀 알려주세요..ㅜ.ㅜ


답변

새로운 화면이란게 다른 사이트의 링크인지, 패널안의 다른 페이지인지 위 소스만 봐서는 잘 모르겠지만...

이미지에 id를 부여해주시고, 패널을 변수에 담아두시거나 패널에도 아이디를 부여해주셔서

Ext.fly("이미지id").on({

touchend:function(e) {

Ext.getCmp("패널id").setActiveItem("이동할페이지id","slide");

// 패널.setActiveItem("이동할페이지id","slide"); //패널 변수사용

}

});

이런식으로는 사용가능합니다.

[출처] sencha touch 이벤트 등록에 관한 질문입니다. (웹앱을 만드는 사람들의 모임 (HTML5, CSS3,webapp,jQuery,웹앱)) |작성자 다크엔젤