Загрузчик слушателя в магазине Extjs 4 не работает - PullRequest
Новая
       34

Загрузчик слушателя в магазине Extjs 4 не работает

2 голосов
/ 10 февраля 2012

Я искал что-то вроде «загрузчика» слушателя магазина в Extjs 4, но я столкнулся с некоторыми проблемами.

1) У меня сложилось впечатление, что параметр «success» для метода «load» listener сообщает нам, была ли операция успешной или нет, но параметр «success» содержит один массив. Я не знаю, что содержит этот массив, но после вызова свойства success.length я обнаружил, что он содержит фактическое количество строк, которые мой код серверной части отправил в ответ. Поэтому я думаю, что свойство 'success' на самом деле содержит мои данные, но я не уверен в этом.

2) Если я использую метод Ext.each () для параметра «records» или «success», я не смогу увидеть загруженные реальные данные. Как посмотреть фактические данные?

Код магазина выглядит следующим образом: 

Ext.define('myCompany.store.customerDistribution', {
    extend: 'Ext.data.TreeStore',
    autoLoad: true,

    proxy: {
        type: 'ajax',
        url: 'data/customerDistribution/customerCount.json',
        reader: {
            type: 'array',
            root: 'resultset'
        }
    },
    listeners: {
        load: function(store, records, success) {
            /*console.log('store - ' + store +
                        ', typeof(store) - ' + typeof(store) +
                        ', records - ' + records +
                        ', records data - ' + records.data +
                        ', success - ' + success +
                        ', type of success - ' + typeof(success)+
                        ', success length - ' + success.length);
            if(records == true) {
                console.log('records is data property...');
            }
            if(store == true) {
                console.log('store is a data property...');
            }
            for(r in records) {
                console.log(r + '\ttypeof(r) -> ' + typeof(r));
            } */
            if(success && records.length > 0) {
                var allCountries = [];
                var previousCountry = undefined;

                var countryIndex = 0;
                var stateIndex = 1;
                var cityIndex = 2;
                var customerCountIndex = 3;

                Ext.each(records, function(record, index){
                    console.log('record - ' + record[0] + ', ' + record[1]);
                });
            }
        }
    }
});

Я пытаюсь преобразовать JSON на основе строк в иерархический JSON для отображения на панели дерева. Вот почему я использую загрузчик. Мой Json выглядит следующим образом: 

{
    "queryInfo":{"totalRows":"100"},

    "resultset":[
        ["India","India","India",63],
        ["India",""," Tirupati ",1],
        ["India",""," UTTARPARA ",1],
        ["India","Andhra Pradesh",null,61],
        ["India","Andhra Pradesh"," Chittoor ",1],
        ["India","Andhra Pradesh"," Guntur ",2],
        ["India","Andhra Pradesh"," Hyderabad ",58]
      ],
    "metadata":[
        {"colIndex":0,"colType":"String","colName":"Country"},
        {"colIndex":1,"colType":"String","colName":"State"},
        {"colIndex":2,"colType":"String","colName":"City"},
        {"colIndex":3,"colType":"Integer","colName":"customer_count"}
    ]
}

и я хочу преобразовать его в: 

"resultset": [
    countries: [
    {
        name: "India",
        customer_count: 63
        states: [
            {
                name: "Andhra Pradesh",
                customer_count: 61,
                cities: [
                    {
                        name: "Tirupati",
                        customer_count: 1
                    },
                    {
                        name: "UTTARPARA",
                        customer_count: 1
                    },
                    {
                        name: "Chittoor",
                        customer_count: 1
                    },

                    {
                        name: "Guntur",
                        customer_count: 2
                    },
                    {
                        name: "Hydrabad",
                        customer_count: 58
                    }
                ]
            }
        ]
    }
]

Пожалуйста, помогите !!

1 Ответ

7 голосов
/ 10 февраля 2012

Вы выбрали неверную подпись события загрузки. В TreeStore он имеет следующую подпись load( Ext.data.TreeStore this, Ext.data.NodeInterface node, Ext.data.Model[] records, Boolean successful, Object eOpts ). Кроме того, записи расположены в древовидной структуре, поэтому вы не можете перебирать их с помощью each.

Вот пример кода, который регистрирует каждую запись в дереве для консоли: 

var store = Ext.create('Ext.data.TreeStore', {
    model: 'Task',
    proxy: {
        type: 'ajax',
        url: 'treegrid.json'
    },

    logRecord: function(r, depth) {
        if (!depth) { depth = ''; }
        console.log(depth + Ext.encode(r.data));

        Ext.each(r.childNodes, function(record, index){
            this.logRecord(record, depth + '    ');
        }, this);
    },

    listeners: {
        load: function(sender, node, records) {
            Ext.each(records, function(record, index){
                this.logRecord(record);
            }, this);
        }
    }
});
...