利用ext的combobox載入資料庫資料程式碼例項
本章節介紹一下如何給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 })
相關文章
- ajax讀取資料庫資料程式碼例項資料庫
- 拖動滾動條載入資料程式碼例項
- js下拉滾動條瀑布流載入資料程式碼例項JS
- 【資料庫資料恢復】ASM例項不能掛載的Oracle資料庫資料恢復案例資料庫資料恢復ASMOracle
- 將表格資料匯入Excel表程式碼例項Excel
- 例項,資料庫,資料字典與資料庫建立的關係資料庫
- oracle 資料庫例項Oracle資料庫
- 資料庫和例項資料庫
- 單例項資料庫工具轉化多例項資料庫單例資料庫
- 單例項資料庫手工轉化多例項資料庫單例資料庫
- 如何修改資料庫例項及資料庫名資料庫
- 【資料庫資料恢復】Oracle ASM例項無法掛載的資料恢復案例資料庫資料恢復OracleASM
- 利用CSV 引擎載入資料
- 資料庫例項 (SQL Server)資料庫SQLServer
- 資料庫設計例項資料庫
- oracle資料庫建立資料庫例項-九五小龐Oracle資料庫
- RAC資料庫恢復到單例項資料庫資料庫單例
- 4 管理資料庫例項和叢集資料庫資料庫
- javascript資料曲線圖例項程式碼JavaScript
- jQuery清除表單資料程式碼例項jQuery
- 檢索table表格資料程式碼例項
- 資料處理等待效果例項程式碼
- 多例項資料庫刪除例項資料庫
- Oracle中關於資料庫例項名與資料庫服務名(轉載)Oracle資料庫
- 基於echarts非同步載入資料之多個series載入例項Echarts非同步
- 資料庫–如何連線RDS例項,使用雲資料庫?資料庫
- 【轉】新建例項開啟已有的資料庫 — 資料庫與例項的區分測試資料庫
- mongodb關閉資料庫例項MongoDB資料庫
- oracle資料庫例項狀態Oracle資料庫
- Oracle例項和Oracle資料庫Oracle資料庫
- 建立ASM例項和資料庫ASM資料庫
- oracle資料庫與oracle例項Oracle資料庫
- javascript引用型別資料使用程式碼例項JavaScript型別
- PHP+Ajax點選載入更多列表資料例項PHP
- MySQL資料庫的事務處理用法與例項程式碼詳解MySql資料庫
- oracle例項和資料庫的區別Oracle資料庫
- canvas載入效果程式碼例項Canvas
- 專家解讀:利用Angular專案與資料庫融合例項Angular資料庫