extjsstore刷新的簡單介紹

本文目錄一覽：

• 1、extjs 中panel刷新問題，請高手指點下。
• 2、extjs 父頁面刷新store
• 3、ExtJS 一個grid對應多個store，該如何刷新數據
• 4、extjs刷新頁面如何刷新整個頁面？
• 5、Extjs4.2 MVC 如何定時刷新GridPanel？
• 6、Extjs 局部定時刷新

extjs 中panel刷新問題，請高手指點下。

store.load({ //store是你左邊的panel定義的store

params : myformpanel.getForm().getValues();

//右邊formPanel填寫的表單數據，作為參數傳到後台，然後返回你所要的數據

});

extjs 父頁面刷新store

在父頁面定義個函數

function refresh(){

store.reload();

}

在子頁面調用函數 parent.refresh();

ExtJS 一個grid對應多個store，該如何刷新數據

Ext.getCmp(‘tasklist_grid’).reconfigure(taskStore);

reconfigure 參數放入要重新綁定的store 就可以。此時store中的fields 匹配grid columns中的 dataIndex ，才正常顯示。

extjs刷新頁面如何刷新整個頁面？

extjs沒有刷新整個頁面的方法，但原生js有

Javascript刷新頁面的幾種方法：

1 history.go(0)

2 location.reload()

3 location=location

4 location.assign(location)

5 document.execCommand(‘Refresh‘)

6 window.navigate(location)

7 location.replace(location)

8 document.URL=location.href.

來源

Extjs4.2 MVC 如何定時刷新GridPanel？

最簡單的方法，獲取到store後，直接使用定時函數:

setInterval(function(){

    store.load();

},1000);

也可以使用Extjs封裝的任務類

 var fresh = function () {

     store.load();

 }

 var runner = new Ext.util.TaskRunner();

 var task = runner.start({

     run: fresh,

     interval: 1000

 }

Extjs 局部定時刷新

完整的例子懶得寫了。

其實很簡單，如果是 GridPanel，只要定時刷新他的 store 即可。

setInterval(function() {

dataStore.reload(); // dataStore 換成你的 store 的變量名

}, 1000); //每隔 1 秒