Как отобразить вложенные данные Json в сетках EXTJS 4? - PullRequest
Новая
       23

Как отобразить вложенные данные Json в сетках EXTJS 4?

12 голосов
/ 07 июня 2011

Я работаю над ExtJS 4.0 и хочу отобразить вложенные данные JSON в сетке.Для этого я использую пример, приведенный в Ext.data.reader.Reader документах, «Загрузка вложенных данных» .Это хорошо и просто, но теперь я хочу отобразить эти данные в виде сетки.Как мне установить dataIndex?

Это мой пример модели и магазина: 

Ext.define("data", {
    extend: 'Ext.data.Model',
    fields: ['year', 'state'],
    hasMany: {
        model: 'record',
        name: 'record'
    },
    proxy: {
        type: 'rest',
        url: 'Column.json.php',
        reader: {
            type: 'json',
            root: 'data'
        }
    }
});

Ext.define("record", {
    extend: 'Ext.data.Model',
    fields: ['id', 'autorization', 'expendture'],
    belongsTo: 'User'
});
var store1 = new Ext.data.Store({
    model: "data"
});

И мой JSON: 

{
    "data": [{
        "year": "2010",
        "state": "MP",
        "record": [{
            "id": "auth",
            "autorization": "9.201"
        }, {
            "id": "exp",
            "expendture": "1.250"
        }]
    }]
}

Я хочу прочитать autorization и expendture с id

Ответы [ 2 ]

12 голосов
/ 14 июня 2011

Вы должны сделать это на уровне Модель / Запись, используя mapping confg в полях, поэтому вы должны сделать что-то вроде этого: 

Ext.define("record", {
    extend: 'Ext.data.Model',
    fields: [
        'id',
        {name: 'autorization', mapping: 'record[0].autorization'},
        {name: 'expendture', mapping: 'record[1].expendture'}
    ],
    belongsTo: 'User'
});

Приятно отметить, что это, вероятно, быстреезадавать вопросы на форумах Sencha .

1 голос
/ 30 сентября 2011

Хочу отметить, что Store.loadData не соответствует отображению поля

Проблема в том, что команда Sencha изменила поведение loadData, И это не то, что задокументировано понятным способом. Поэтому, если вы используете его, добавьте следующее в базу кода (над кодом приложения, но ниже ext-all.js): 

Ext.override(Ext.data.Store, {
loadDataViaReader : function(data, append) {
var me      = this,
    result  = me.proxy.reader.read(data),
    records = result.records;

me.loadRecords(records, { addRecords: append });
me.fireEvent('load', me, result.records, true);
}            
 });

затем используйте: 

mystore.loadDataViaReader(data)
...