{ xtype: 'panel', bodyStyle: 'background-color:black', listeners: { afterrender: function(panel) { Ext.Ajax.request({ url: '/test/abc', success: function(response) { let abc = Ext.decode(response.responseText); let html = ''+ abc.name +'('+ abc.tel +')'; panel.update(html); ..

Ext.define('Home.view.main.MyPage', { extend: 'Ext.form.Panel', alias: 'widget.mypage', 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) { ..

센차는 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..

closable을 사용하면 됨(default는 false임) { region: 'center', xtype: 'tabpanel', name: 'content', items: [{ title: 'Main', closable: true }] }

Clientbuttons: [ { text: 'Submit', handler: function(button) { let form = button.up('form').getForm(); if(form.isValid()) { form.submit({ url: '/test', method: 'POST', waitMsg: 'Submitting your data...', success: function(form, action) { let response = Ext.decode(action.response.responseText); if(response.data == 1) { // controller 함수..

display와 value가 같을 경우 { xtype: 'combobox', itemId: 'twofa', fieldLabel: '2FA 여부', store: [ 'Y', 'N' ], displayField: 'field1', valueField: 'field1' },display와 value가 다를 경우 { xtype: 'combobox', itemId: 'twofa', fieldLabel: '2FA 여부', store: { data: [ { name: '예', value: 'Y' }, { name: '아니요', value: 'N' } ] }, displayField: 'name', valueField: 'value' },