JavaScript
Data
Run Code
Open in Fiddle
Ext.define('MyApp.view.MyGrid', { extend: 'Ext.grid.Grid', viewModel: { stores: { Persons: { fields: ['id', 'first_name', 'last_name', 'email', 'gender', 'ip_address'], proxy: { type: 'ajax', url: 'data1.json', reader: { type: 'json', rootProperty: 'users' } }, // groupField: 'gender', // uncomment this, collapsible groups works as expected... // this error ocurrs with ExtJS 7 modern autoLoad: true } } }, bind: { store: '{Persons}' }, columns: [{ text: 'First Name', flex: 1, dataIndex: 'first_name' }, { text: 'Last Name', flex: 1, dataIndex: 'last_name' }, { text: 'Email', flex: 1, dataIndex: 'email' }, { text: 'Gender', flex: 1, dataIndex: 'gender' }, { text: 'IP', flex: 1, dataIndex: 'ip_address' }] }); Ext.application({ name: 'Fiddle', mainView: 'MyApp.view.MyGrid' });