Sencha 컴포넌트(xtype)의 config에 스크립트로 값 지정하기

2024. 10. 1. 09:43Javascript/Sencha

센차는 xtype 초기화 시점에 config의 값이 지정되기 때문에, 스크립트로 직접 xtype의 config 값을 지정할 수 없음
afterrender 또는 init 메소드가 호출되는 시점에 지정할 수 있음

Ext.define('Home.view.main.Test', {
    extend: 'Ext.form.Panel',
    alias: 'widget.test',

    items: [
        {
            xtype: 'textfield',
            itemId: 'name',
            name: 'name',
            fieldLabel: 'Name',
            allowBlank: false,
            // Can't directly call test() here, value will be set later
        }
    ],

    listeners: {
        afterrender: function(form) {
            // Set the value of the 'name' field after render
            form.down('#name').setValue(form.getController().test());
        }
    },

    controller: {
        // The test() function returns the value you want to set to the 'name' field
        test: function() {
            return '1';  // The value to set in the 'name' field
        }
    }
});