[sencha touch] picker title button 수정하기

위와 같이 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들도 변경된걸 확인할 수 있습니다.