extjs 4动态商店

时间:2013-04-09 04:24:35

标签: javascript extjs load store

我必须更新一些从商店获取数据的标签。我必须加载到商店的新数据为ex。每10秒钟。 这很容易 - 使用setInternal()(因为TaskRunner不工作o_0)_并调用store.load事件。 但我的任务更具体。 我还有一个包含两列的网格,从商店获取一些数据,一些数据是自定义的。 这意味着在具有明确存储数据索引的列之前,存储中有一些具有自定义字符串数据和一些数字数据的新记录...... 这可能很难通过单词来解释,但在代码中它看起来如此:

//---Store---
Ext.define('App.store.Data', {
    extend: 'Ext.data.Store',
    autoLoad: false,
    storeId:'Data',
    model: 'App.model.DataModel',
    proxy   : {
    type    : 'ajax',
    url: 'http://mybackend',
    reader: {
        type: 'json'
    } 
    },
    data:[first = true],
    listeners:{
        load: function()
        {
            if(first){
            first=false;
            myApp.getController('App.controller.Controller').StoreLoadHandler();
            setInterval(function (){myApp.getController('App.controller.Controller').StoreLoadHandler();},10000);
            }

        }
    }
});
//---Controller---
StoreLoadHandler: function(){
    var store = this.getStore('Data');
    //upload data from base into store
    store.reload(); 
    store.add(
            [
                {
                    fio: 'somedata',
                    //calculate some data and write it into store. All dataindexes are existsin model 
                    operCount: parseInt(this.getStore('Data').first().get('isQuick')),
                    opersvod: (this.getStore('Data').first().get('opersvod')),
                    isQuick:parseInt(this.getStore('Data').first().get('isQuick')),
                    ipk: (this.getStore('Data').first().get('ipk')),
                    allCount: (this.getStore('Data').first().get('allCount')),
                    id: 0
                },
                {
                    fio: 
                    ...
                    id: 1
                },
                {
                    fio: 
                    ...
                    id: 2
                }       
            ]
        );



       //takes my labels and use setText, works brilliant
    Ext.ComponentQuery.query('#TopPanel')[0].items.getAt(0).items.get('inW').setText(this.StoreCalc('iw'));
    Ext.ComponentQuery.query('#TopPanel')[0].items.getAt(1).items.get('isClose').setText(this.StoreCalc('isClose'));
    Ext.ComponentQuery.query('#TopPanel')[0].items.getAt(2).items.get('denied').setText(this.StoreCalc('denied'));
    Ext.ComponentQuery.query('#BottomPanel')[0].items.getAt(0).items.get('allCount').setText(store.getAt(3).get('allCount'));

    //use sort
    store.sort([
    {
        property : 'id',
        direction: 'ASC'
    },
    {
        property : 'fio',
        direction: 'ASK'//'DESC'
    }
    ]);
    store.destroy();
    }

在这种情况下,当我调用store.load()方法或store.reload()我的商店中的自定义记录丢失时。 如果我从列表中删除此操作,我的自定义数据将保存并在网格中呈现2列(数据索引为 - 'fio'和'operCount')... 哪里有问题?

1 个答案:

答案 0 :(得分:1)

看起来你在调用add方法时没有存储数据。使用reload方法的回调选项:

store.reload({callback: function() {
          store.add(...);
  } 
})

注意:不要从load方法配置重新加载计时器 - 这对于理解

是不好的