이미지에 클릭이벤트 등록

-------------------- html ------------------------------

<div class="x-hidden-display" id="main_menu">

<ul>

<li data-panel="intro_panel">

<img src="../images/sushi_icons/Sushi01.png"><span>회사소개</span

>

</li>

<li data-panel="gallary_panel">

<img src="../images/sushi_icons/Sushi02.png"><span>갤러리</span

>

</li>

</ul>

</div>

-------------------- js ------------------------------
 

listeners:{

render:function(){

Ext.select("#main_menu ul li").addListener("click",function(){

var viewID = this.getAttribute("data-panel");

mainPanel.setActiveItem(viewID,{

type: 'slide',

direction: 'left',

duration: 300

});

});

}

}