Sencha config 사용법

https://obanadingyo.tistory.com/entry/4%EC%9D%BC%EC%B0%A8-Sencha-Touch-2-views-%EC%97%90-%EB%8C%80%ED%95%9C-%EC%9D%B4%ED%95%B4

4일차 : Sencha Touch 2 views 에 대한 이해!

config를 사용하면, 자동으로 getter, setter가 생김(외부에서 getter, setter를 거치지 않고, 직접 핸들링도 안됨)

# {app}/app/controller/AppController.js
------------------------------
Ext.define('Genesis.controller.AppController', {
    extend: 'Ext.app.Controller',
    config: {
        test: 'aaa',
    },

    applyTest: function(value) {
        return value + 'Apply';
    },
    updateTest: function(newValue, oldValue) {
        alert(newValue +' '+ oldValue);
    }
})
------------------------------

# {app}/app/view/main/MainController.js
------------------------------
Ext.define('Genesis.view.main.MainController', {
    extend: 'Ext.app.ViewController',

    alias: 'controller.main',

	clickUserTab: function() {
    	# AppController 호출	
    	let controller = Genesis.app.getController('AppController');
       	# getter 호출
        console.log(controller.getTest());
        # setter 호출
        controller.setTest('bbbb');
    }
});
------------------------------

# {app}/app/classic/src/view/main/Main.js
------------------------------
Ext.define('Genesis.view.main.Main', {
    extend: 'Ext.tab.Panel',
    xtype: 'app-main',

	생략
    
    items: [{
        title: 'Home',
        iconCls: 'fa-home',
        // The following grid shares a store with the classic version's grid as well!
        items: [{
            xtype: 'mainlist'
        }]
    }, {
        title: 'Users',
        name: 'users',
        iconCls: 'fa-user',
        loader: {
			url: 'resources/tabContent.html',
			contentType: 'html',
			loadMask: true,
			loadOnRender: true
		},
    }, {
        title: 'Groups',
        iconCls: 'fa-users',
        bind: {
            html: 'aa'
        },
        listeners: {
        	# MainController의 메소드 호출
            activate: 'clickUserTab',
        }
    }, {
        title: 'Settings',
        iconCls: 'fa-cog',
        bind: {
            html: '{loremIpsum}'
        }
    }],
});    
------------------------------

apply~: 값이 설정되거나, 바뀔때 호출됨, instance 생성시에도 호출됨

updae~: apply 이후에 호출됨