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


style,

styleHtmlCls

styleHtmlContent

bodyStyle


스타일 메서드 

- 추가하기 : addCls()

- 삭제하기 : removeCls()  

'Sencha' 카테고리의 다른 글

jsonp  (0) 2012.02.21
이미지에 클릭이벤트 등록  (0) 2012.02.16
class  (0) 2012.02.14
위치및 크기  (0) 2012.02.14
Panel refresh  (0) 2012.02.14

baseCls : 

- 컴포넌트의 기본 클래스

- 기본 baseCls 패널인 경우 x-panel, body는 x-panel-body

- 예) baseCls:test인 경우, test, body는 test-body

 

componentCls

- 컴포넌트에 스타일 추가할때

 

cls

- 컴포넌트 스타일을 커스터마이징 할때

'Sencha' 카테고리의 다른 글

이미지에 클릭이벤트 등록  (0) 2012.02.16
Ext.Component의 스타일 관련 프로퍼티, 메서드  (0) 2012.02.14
위치및 크기  (0) 2012.02.14
Panel refresh  (0) 2012.02.14
자식노드 접근하기.  (0) 2012.02.14

+ Recent posts