Extjs combox的異步加載

不少朋友用 extjs  不少時候都要用到combo 而異步加載是用的最多的 今天我就舉一個例子 瞭解combo的異步加載

 

 

Ext.onReady(function () {    

Ext.BLANK_IMAGE_URL = "/Scripts/resoures/images/default/s.gif";    

var sotre = new Ext.data.JsonStore({       

  autoLoad: true,        

　proxy: new Ext.data.HttpProxy({             url: 'Text.aspx'         }),    

     reader: new Ext.data.JsonReader({             fields: [{ name: 'id' }, { name: 'peovince'}],           

  root: 'root'         })     });   

  var form = new Ext.form.FormPanel({        

frame: true,        

border: true,        

width: 300,        

height: 200,   

renderTo: Ext.getBody(),       

  items: [{            

xtype: 'combo',      

       id: 'com',         

    fieldLabel: '書籍列表',       

      store: sotre, //設置數據源    

         displayField: 'peovince',      

       valueField: 'id',       

      mode: 'remote',       

      triggerAction: 'all',     

        selectOnFocus: true,       

      allowBlank: false,        

     editable: false         }]

    });

});

 

注意加載的時候 要注意設置加載模式 本地仍是異步 已經設置  autoLoad: true,      這個屬性 很重要