태그를 입력해 주세요. 썸네일형 리스트형 HW4 : Sencha Touch 2 Grid 버튼을 가지는 custom Panel define 하기 지난 HW3 에서 우리는, define 을 사용하면 기존의 class 를 상속하여 우리만의 새로운 panel 을 만들 수 있다는 것을 배웠습니다. 지난 시간에 배운 Ext.define 을 사용하고, 오늘 배운 layout 을 사용하여, 격자 모양의 버튼을 배치하는 class 를 새로 만듭니다. 이 때 새로 추가 되는 config 속성은 row 와 col 입니다. 기본 row 와 col 값은 3 으로 줍니다. 해당 gridpanel 의 이름은 Sample.view.GridPanel 이라고 주고 xtype 은 'gridpanel' 라고 줍니다. 해당 panel 을 define 할 때 생성자(constructor) 에서 뭔가 작업을 해 줘야 합니다. 이번 과제는 이 부분에서 어떻게 코드를 넣는지가 핵심 입니다.. 더보기 5일차 : Sencha Touch 2 layout 에 대한 이해 IntroLayout 은 Container 에 items 들이 어떻게 배치되야 하는지, 그리고 그 크기는 어떠한지를 결정할 때 사용된다. HBox Layout수업 정보 시스템 어플이 있다고 치자. app 을 만들 때 좌편에는 수업 이름, 우편에는 수업 이름 중 하나를 클릭했을 때 해당 수업에 대한 정보를 보여주는 어플이 있다고 치자. 이럴 경우, 두 개의 Panel 이 필요하다고 예상할 수 있다. 좌편의 수업 이름 section 은 1/3 만큼을 차지하고 우편의 수업 이름 section 은 2/3 만큼 차지하게 하고 싶다. 아래의 코드를 보자.Ext.create('Ext.Container', { fullscreen: true, layout: 'hbox', items: [ { xtype: 'panel', .. 더보기 이전 1 다음
