Sencha 'itemId' 다루기

해당 페이지에서만 의미 있는 ID

Ajax의 결과 Binding 하기

생략

	items: [
		{
			xtype: 'textfield',
			itemId: 'id',
			fieldLabel: 'ID',
			name: 'id',
			allowBlank: false,
			readOnly: true
		},
		{
			xtype: 'textfield',
			itemId: 'name',
			fieldLabel: 'Name',
			name: 'name',
			allowBlank: false,
		},
	],

생략
		onAfterRender: function(eOpts) {
			let me = this;
			
			Ext.Ajax.request({
				url: '/test',
				method: 'POST',
				success: function(response, opts) {
					let data = Ext.decode(response.responseText);
					let form = me.getView();
					form.down('#id').setValue(data.id);
					form.down('#name').setValue(data.name);
				},
				failure: function(response, opts) {
					Ext.Msg.alert('Fail', response.status);
				}
			});
		}

form이 2개인 경우

        {
            xtype: 'form',
            itemId: 'form1',
        },
        {
            xtype: 'form',
            itemId: 'form2',
        },
         
 생략        
         
	onAfterRender: function(eOpts) {
			let me = this;
			
			Ext.Ajax.request({
				url: '/test',
				method: 'POST',
				success: function(response, opts) {
					let data = Ext.decode(response.responseText);
					let form1 = me.getView().down('#form1');
					let form2 = me.getView().down('#form2');
				},
				failure: function(response, opts) {
					Ext.Msg.alert('Fail', response.status);
				}
			});
		}