利用ext的combobox載入資料庫資料程式碼例項

螞蟻小編發表於2017-03-25

本章節介紹一下如何給ext的combobox載入後臺資料庫中的資料,下面就是實現此功能的程式碼演示。

有興趣的朋友可以做一下參考,程式碼來自於網路,非常感謝坐著的辛勤函式。

一.前臺程式碼:

[JavaScript] 純文字檢視 複製程式碼
var provinceStore = new Ext.data.Store({ 
  proxy: new Ext.data.HttpProxy({url: basePath+"/stationManage/station_getProvinceJSON.action" }),
  reader: new Ext.data.JsonReader( 
    { root: "" }, 
    ["PROVINCEID", "PROVINCENAME"] 
  ) 
}); 
 
//選擇省市 
var provinceIDadd = new Ext.form.ComboBox({ 
  anchor : '98%', 
  id:'provinceIDadd', 
  name : "provinceIDAdd1", 
  hiddenName : "provinceID", 
  displayField : "PROVINCENAME", 
  valueField : "PROVINCEID", 
  blankText : '請選擇站點所屬省份', 
  emptyText : '請選擇站點所屬省份', 
  fieldLabel : '站點所屬省份', 
  allowBlank : false, 
  editable : false, 
  triggerAction : 'all', 
  store :provinceStore , 
  forceSelection : true, 
  mode : 'local', 
  selectOnFocus : true
}) 
provinceStore.load();

二.後臺程式碼:

[C#] 純文字檢視 複製程式碼
public class StationAction extends BaseAction { 
  private List<Map<String, Object>> provinceList; 
  public void setProvinceList(List<Map<String, Object>> provinceList) { 
    this.provinceList = provinceList; 
  } 
 
  public List<Map<String, Object>> getProvinceList() { 
    return provinceList; 
  } 
  public String getProvinceJSON(){ 
    String sql="SELECT PK_ID PROVINCEID,NAME PROVINCENAME FROM T_DICT_DISTRICT A WHERE A.DISTRICT_LEVEL=20"; 
    provinceList= stationService.findBySQL(sql); 
    return "json_getProvinceList"; 
  } 
}

其實不是c#程式碼,是javas程式碼,不過c#和java語法格式類似。

三.strtus xml配置:

[XML] 純文字檢視 複製程式碼
<result name="json_getProvinceList" type="json" > 
<param name="root">provinceList</param> 
</result>

四.載入靜態資料的下拉選擇框:

[JavaScript] 純文字檢視 複製程式碼
var dataType=[['0','8列'],['1','38列'],['2','21列']]; 
var dataTypeStore = new Ext.data.SimpleStore({ 
  fields: ['dataTypeID', 'dataTypeName'], 
  data : data 
}); 
 
var dataTypedd = new Ext.form.ComboBox({ 
  anchor : '98%', 
  id:'dataTypeadd', 
  name : "dataTypeAdd1", 
  hiddenName : "dataType", 
  displayField : "dataTypeName", 
  valueField : "dataTypeID", 
  blankText : '請選擇資料格式', 
  emptyText : '請選擇資料格式', 
  fieldLabel : '資料格式', 
  allowBlank : false, 
  editable : false, 
  triggerAction : 'all', 
  store :unitStore , 
  forceSelection : true, 
  mode : 'local', 
  selectOnFocus : true
})

相關文章