Ext.grid.Panel 數據動態改變后刷新grid

gridPanel中加載的數據分為兩種：一種是本地數據加載，那另一種就是后台數據加載。

在表格中增、刪、改、查 是必不可少的。

那么數據動態改變后怎樣刷新表格中的數據呢。

一、后台取數據

var grid = Ext.getCmp('ChannelPriorityRanking');    //通過grid的id取到grid
    grid.store.reload();      //將數據reload()就可以刷新了

如果你是直接用  

 var $gridPanel = new Ext.grid.Panel({......});

的方式構造的表格，那么就可以直接reload()了~~

二、本地加載的數據

如果是以

var data=[                                           //我這個名字起得不好
        { 'name': 'Lisa',  "email":"[e-mail]",  "phone":"555-111-1224"  },
        { 'name': 'Bart',  "email":"[e-mail]",  "phone":"555-222-1234" },
        { 'name': 'Homer', "email":"[e-mail]",  "phone":"555-222-1244"  },
        { 'name': 'Marge', "email":"[e-mail]", "phone":"555-222-1254"  }
    ];

Ext.create('Ext.data.Store', {
    storeId:'simpsonsStore',
    fields:['name', 'email', 'phone'],
    data:{'items':data},
    proxy: {
        type: 'memory',
        reader: {
            type: 'json',
            root: 'items'
        }
    }
});

這種方式得到的數據，當數據動態改變的時候，再用reload()的方式就不好用了。

那就需要用到這個

$gridPanel.store.loadData(data);     //  loadData(data,[append])

官方文檔是這樣介紹的：

對於數據刷新肯定還有其他方法。歡迎大家一起分享~~~~~~【你能再官方點么！小s白眼.jpg】