-------------------- 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

});

});

}

}

'Sencha' 카테고리의 다른 글

json  (0) 2012.02.21
jsonp  (0) 2012.02.21
Ext.Component의 스타일 관련 프로퍼티, 메서드  (0) 2012.02.14
class  (0) 2012.02.14
위치및 크기  (0) 2012.02.14

+ Recent posts