extjs Combobox動態加載數據問題,mode:local 仍是remote

  1. var fabircTypeDs = new Ext.data.Store({  
  2.         proxy: new Ext.data.HttpProxy({  
  3.             url: 'province.do'  
  4.         }),  
  5.         reader: new Ext.data.JsonReader({},['pname','pid']),  
  6.         remoteSort: false  
  7.      });  
  8.      fabircTypeDs.load();  
  9.   
  10.  formPanel = new Ext.form.FormPanel({            
  11.                 bodyStyle:'padding-top:6px;',//設置控件邊類型            
  12.                 defaultType:'textfield',//FormPanel內元素默認類型             
  13.                 labelAlign:'right',//設置控件的標題對齊方式  
  14.                 labelWidth:55,// 指定標籤的默認長度  
  15.                 labelPad:0,// 標籤與字段錄入框之間的空白  
  16.                 frame:true,//設置控件邊角圓弧過分        
  17.                 defaults:{//FormPanel默認設置  
  18.                     allowBlank:true,  
  19.                     width:158  
  20.                 },             
  21.                 items:[  
  22.                     new Ext.form.ComboBox({  
  23.                         name:'provincename',  
  24.                         fieldLabel:'省份',  
  25.                         store:fabircTypeDs,  
  26.                         blankText:'所有',  
  27.                         emptyText:'所有',  
  28.                         mode:'remote',  
  29.                         editable:false,  
  30.                         selectOnFocus:true  
  31.                     }),  

 上面是我建立Store和ComboBox的代碼,想要經過proince.do從數據庫讀取數據,後臺採用SpringMVC等框架,如今是頁面出來沒問題,可是java

ComboBox的數據沒有加載上,也就是請求根本沒有到達後臺,但願哪位能指點一下,我想不到哪裏出了問題,mode屬性我也設置了remote。web

解決方案數據庫

這裏的關鍵點在這裏: 
fabircTypeDs.load(); 

mode:'remote', 

mode:'local' 或者client

fabircTypeDs.load(); 表示你打開頁面時就將數據取到本地,這樣你下拉列表時就不須要取去服務器取數據,若是你要沒加上這一句的話,你去下拉那個列表時就會動態去服務器取數據, 因此它會顯示一下'loading...',這樣你就明白爲何要設置mode了,mode:'remote'指的是要動態去服務器端拿數據,這樣你就不 能加fabircTypeDs.load(),而mode:'local'是取本地數據的也就是javascirpt(內存)中的數據,這樣固然不要加上 fabircTypeDs.load()啦!
服務器

 

還要指定displayField:"name",valueField:"id"吧框架

來源:http://www.iteye.com/topic/187723url

 

引用自:http://blog.163.com/xiao_mege/blog/static/72942753201132983543104/spa

相關文章
相關標籤/搜索