JavaScript 3-ecosystem-2-frontend-frameworks-4-ext-js-31 — Пример — декларативное описание компонента Рё работа СЃ данными

Ext.define('App.view.user.EditForm', {
    extend: 'Ext.form.Panel',
    xtype: 'user-edit-form',
    
    viewModel: {
        type: 'user' // ссылка на App.view.user.UserViewModel
    },

    items: [{
        xtype: 'textfield',
        fieldLabel: 'Имя',
        bind: '{record.firstName}'
    }, {
        xtype: 'textfield',
        fieldLabel: 'Фамилия',
        bind: '{record.lastName}'
    }, {
        xtype: 'textfield',
        fieldLabel: 'Email',
        vtype: 'email',
        bind: '{record.email}'
    }],

    buttons: [{
        text: 'Сохранить',
        handler: 'onSave'
    }]
});