Next

 //define model for the data
Ext.define('Order', {
    extend: 'Ext.data.Model',
    fields: [
        {name: 'id', type: 'int'},
        {name: 'object', type: 'string'},
        {name: 'objectId', type: 'int'},
        {name: 'state', type: 'string'},
        {name: 'subject', type: 'string'},
        {name: 'interval', type: 'int'},
        {name: 'description', type: 'string'},
        {name: 'createdOn', type: 'date'},
        {name: 'createdBy', type: 'string'},
        {name: 'lastUpdatedOn', type: 'date'},
        {name: 'lastUpdatedBy', type: 'string'},
        {name: 'data'},
        ]
});
 //store for data
 Ext.define('Tasks', {
     extend: 'Ext.data.Store',
     model: 'Order',
     alias:'store.tasks',
     fields: ['object', 'state'],
     proxy: {
         type: 'ajax',
         url: 'data1.json',
         reader: {
             type: 'json',
             rootProperty: 'data.task'
         }
     },
     autoLoad: true
 });

 //define view-controller
 Ext.define('TaskController', {
    extend: 'Ext.app.ViewController',
    alias: 'controller.tc',
 });

 //define view-model
 Ext.define('ViewModel', {
     extend: 'Ext.app.ViewModel',
     store: {
         tasks: 'tasks'
     },
     alias: 'viewmodel.vm'
 });


 //define view
 Ext.define('Main', {
     extend: 'Ext.grid.Panel',
    //  store: Ext.create('Tasks'),
     controller: 'tc',
     viewModel: {
         type: 'vm'
     },
     columns: [{
         text: 'Object',
         bind: '{tasks.object}'
     }, {
         text: 'Status',
         dataIndex: 'state'
     }, {
         text: 'Subject',
         dataIndex: 'subject'
     }, {
         text: 'Text',
         dataIndex: 'description',
         flex: 1
     }, {
         text: 'Created on',
         dataIndex: 'createdOn',
         xtype: 'datecolumn',
         format: 'd.m.Y'
     }, {
         text: 'Created by',
         dataIndex: 'createdBy'
     }]
 });

 //Define App
 Ext.application({
     name: 'Fiddle',

     launch: function () {
         Ext.create("Main", {
             renderTo: Ext.getBody()
         });
     }
 });