위와 같이 title의 Done버튼과 Cancel버튼을 한글로 수정해 보겠습니다.
이런것들을 수정하려면 datepicker가 뭘 상속받는지 extend 와 뭘 필요로 하는지 requires를 살펴봐야 합니다.
그럼 다음 파일로 이동해서 수정해 보겠습니다.
touch -> src -> picker -> Picker.js
Picker.js파일을 열고 applyDoneButton 메소드를 수정해 봅시다.
applyDoneButton: function(config) {
if (config) {
if (Ext.isBoolean(config)) {
config = {};
}
if (typeof config == "string") {
config = {
text: config
};
}
Ext.applyIf(config, {
ui: 'action',
align: 'right',
text: '확인'
});
}
return Ext.factory(config, 'Ext.Button', this.getDoneButton());
},
text를 '확인'으로 수정하였습니다. 다시 실행해 보면 확인으로 변경된걸 확인하실 수 있습니다.
ui설정을 변경해 버튼의 ui도 변경하실 수 있습니다.
이제 나머지 Cancel 버튼도 수정해 보겠습니다.
applyCancelButton: function(config) {
if (config) {
if (Ext.isBoolean(config)) {
config = {};
}
if (typeof config == "string") {
config = {
text: config
};
}
Ext.applyIf(config, {
align: 'left',
text: '취소'
});
}
return Ext.factory(config, 'Ext.Button', this.getCancelButton());
},
위와 같이 한글로 변경되었습니다.
다른 picker들도 변경된걸 확인할 수 있습니다.
'hybrid app > sencha touch' 카테고리의 다른 글
| [sencha touch] datepickerfield month 영문자 숫자로 변경하기 (0) | 2013.12.19 |
|---|---|
| [sencha touch] custom icon 사용하기 (0) | 2013.12.13 |
| [sencha touch] io7에서 titlebar가 status bar와 겹치는 현상 (0) | 2013.11.28 |
| [sencha touch] tabpanel안 cardlayout 고찰 (0) | 2013.10.23 |
| [sencha touch] setRecord (0) | 2013.10.21 |
