煎茶觸摸：刷新列表：商店

Question

我有一個面板

prj.views.NewsList = Ext.extend(Ext.Panel, { 
    layout: 'card', 
    initComponent: function() {  
     this.list = new Ext.List({    
      itemTpl: '......', 
      loadingText: false, 
      store: new Ext.data.Store({ 
       model: 'News', 
       autoLoad: true, 
       proxy: { 
        type: 'ajax', 
        url: '.....',     
        reader: { 
         type: 'json', 
         //root: '' 
        } 
       }, 
       listeners: { 
        load: { fn: this.initializeData, scope: this } 
       } 
      }) 
     }); 

     this.list.on('render', function(){ 
      this.list.store.load(); 
      this.list.el.mask('<span class="top"></span><span class="right"></span><span class="bottom"></span><span class="left"></span>', 'x-spinner', false); 
     }, this); 

     this.listpanel = new Ext.Panel({ 
      items: this.list, 
      layout: 'fit',    
      listeners: { 
       activate: { fn: function(){ 
        this.list.getSelectionModel().deselectAll(); 
        Ext.repaint(); 
       }, scope: this } 
      } 
     }) 

     this.items = this.listpanel;  
     prj.views.NewsList.superclass.initComponent.call(this); 
    }, 
}); 

Ext.reg('newsList', prj.views.NewsList); 

在一個dockedItem工具欄設置裏面的消息已在Ext.List名單，我有一個圖標，以刷新列表。

items: [ 
    { 
     iconCls: 'refresh',        
     handler: function() {         
     prj.view.NewsList.list.store.read() 
     } 
    }, 
] 

但是prj.view.NewsList返回undefined！我如何獲得清單以刷新商店？

Answer 1

即使我遇到了類似的問題。 我張貼我的答案希望這可以幫助某人。

我有一個搜索欄來搜索數據。 （我的搜索是在服務器發生，其結果是在迴應我的GET請求發回給我

基本上我不得不更改URL我店

什麼都我嘗試：

1. myList.refresh（），
2. myStore.load（）;
3. 清除存儲，然後加載它
4. 除去列表，然後重新添加，並迫使它重新渲染（使用的doLayout（））

毫無效果......

只需添加一行固定我的問題

function handleSearch(strSearchText) 
    { 
    //myStore.loadData([],false); /tried to clear the store and reloading it 
    if(strSearchText !='') 
    { 
     searchString = '?search='+strSearchText; 
     searchURL = searchURLBasic+ searchString; 
    }else{ 
     searchURL = searchURLBasic; 
    } 
    console.log('search URL: ' + searchURL); 
    myStore.proxy.url =searchURL;   // this was one magical line of code that saved my life 
    myStore.load(); 
} 

太感謝支持。

Answer 2

調用此行的刷新按鈕，當你調用存儲中的load（）方法

Ext.StoreMgr.get('newsStore').load() 

名單automaticaly刷新。商店鏈接到列表。

例子：

items: [ 
    { 
     iconCls: 'refresh',  
     handler: function(event, btn) { 
      Ext.StoreMgr.get('newsStore').load(); 
     }   
    }, 
] 

Answer 3

我這樣做改變了商店的時候，它就像一個冠軍

var yourbutton = new Ext.Panel({ 
    listeners: { 
     afterrender: function(c){ 
      c.el.on('click', function(){ 
       YourList.update(); 
       YourList.bindStore(newStore); 
      }); 
     } 
    } 
});