Application Folder Structure:
  • School
    • app
      • model
        • Student.js
      • view
        • main
          • MainController.js
        • student
          • StudentFormController.js
          • StudentListController.js
          • StudentViewModel.js
      • Application.js
    • build
    • classic
      • saas
      • src
        • view
          • main
            • Main.js
          • student
            • StudentList.js
            • StudentListPaging.js
    • ext
    • modern
    • overrides
    • packages
    • resources
    • saas
    • app.js
    • app.json
    • bootstrap.css
    • bootstrap.js
    • build.xml
    • classic.json
    • index.html
    • modern.json
    • workspace.json

Ext JS 6 Example: CRUD in Form, Grid and Paging in Grid Demo

model\Student.js
Ext.define('School.model.Student', {
    extend: 'Ext.data.Model',
    idProperty: 'Id',

    schema: {
        namespace: 'School.model'
    },
    fields: [
        { name: 'Id', type: 'int' },
        { name: 'firstName', type: 'string' },
        { name: 'middleName', type: 'string' },
        { name: 'lastName', type: 'string' },
        { name: 'birthDate', type: 'date' },
        { name: 'address1', type: 'string' },
        { name: 'address2', type: 'string' },
        { name: 'city', type: 'string' },
        { name: 'state', type: 'string' }
    ]
});

Preview