Отображение json ответа в сетке Ext js

Question

Я пытаюсь отобразить следующий json ответ в столбцах сетки.

{"day":8,"month":7,"changehistory":8,"expire":"120"}

Я разработал свою модель, как показано ниже

...
extend: 'Ext.data.Model',
    fields: [{
        name: 'day', type: 'int'
    }, {
        name: 'month', type: 'int'
    }, {
        name: 'changehistory', type:'string'
    }, {
        name: 'expire', type:'int'
    }]
...

У меня есть магазин, который использует это модель, как показано ниже

model: 'expiration model',
    proxy: {
        type: 'ajax',
        useDefaultXhrHeader: false,
        actionMethods: { read: "POST" },
        limitParam: false,
        startParam: false,
        pageParam: false,
        url: UrlManager.buildURL(expiration_get),
        reader: {
            type: 'json'
        }
    }

И моя сетка выглядит следующим образом

columns: [
        {
            dataIndex: 'day',
            header: 'day' ,
            flex: 1,
            align: 'right',
            minWidth: 125
        }, {
            dataIndex: 'month',
            header: 'month',
            flex: 1,
            align: 'right',
            minWidth: 125
        }, {
            dataIndex: 'changehistory',
            header: 'changehistory',
            flex: 1,
            align: 'right',
            minWidth: 125
        }, {
            dataIndex: 'expire',
            header: 'expire',
            flex: 1,
            align: 'right',
            minWidth: 125
        }]

Но в настоящее время сетка отображает четыре столбца с соответствующими значениями. Я хочу отобразить информацию в следующем формате:

Answer 1

Вы можете использовать функцию transform для читателя в вашем магазине. Слегка поменяв столбцы и модель, вы получите желаемый результат

скрипка

Answer 2

в вашем случае, вы должны использовать сетку свойств sencha , здесь fiddle