ext combobox動態(tài)加載數據庫數據(附前后臺)

更新時間：2014年06月17日 16:56:47 投稿：whsnow

這篇文章主要介紹了ext combobox動態(tài)加載數據庫數據并附前后臺實現,需要的朋友可以參考下

前臺：

 
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(); 

后臺action代碼

復制代碼代碼如下:

 
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"; 
} 
} 

strtus xml配置

復制代碼代碼如下:

 
<result name="json_getProvinceList" type="json" > 
<param name="root">provinceList</param> 
</result> 

加載靜態(tài)數據的下拉選擇框

復制代碼代碼如下:

 
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 
}) 

您可能感興趣的文章:

ANT 壓縮(去掉空格/注釋)JS文件可提高js運行速度
在解決這個有很多優(yōu)化方法，今天來說其中一種，那就是在Ant腳本打包的時候，把js中空格、注釋去掉、以及合并，合并今天不說了，還未實現這個，在研究中
2013-04-04
extjs fckeditor集成代碼
用extjs實現的集成fckeditor的代碼。
2009-05-05
不用寫JS也能使用EXTJS視頻演示
對于想了解extjs 的朋友有個幫助
2008-12-12
ExtJs 學習筆記 Hello World!
最近學ajax，接觸到了Extjs這個強大的框架。我想通過我的學習筆記，最后可以讓大家上手在項目中使用Ext。首先我會寫一些基本的用于入門Ext的文章，打好基礎是很重要的。
2008-12-12
extjs render 用法介紹
renderer可以格式化該列顯示的數據格式或者按照你自定義的腳本顯示最終數據樣子，個人是這么理解，如果你不是可以看下本文
2013-09-09
學習ExtJS accordion布局
ExtJS accordion布局使用說明，需要的朋友可以參考下。
2009-10-10
ExtJS4利根據登錄后不同的角色分配不同的樹形菜單
這篇文章主要介紹了ExtJS4利根據登錄后不同的角色分配不同的樹形菜單,需要的朋友可以參考下
2014-05-05
Extjs4 GridPanel 的幾種樣式使用介紹
接下來為大家介紹下GridPanel的幾種樣式及選擇模式分類介紹，感興趣的朋友可以參考下哈
2013-04-04
ExtJs使用IFrame的實現代碼
Iframe 有的時候還是須要的，比如在Tab中嵌入報表、嵌入其它系統(tǒng)的界面。下面代碼是項目中一段。希望對用ExtJS開發(fā)的兄弟做個參考。
2010-03-03
ExtJs事件機制基本代碼模型和流程解析
最近開始自學ExtJs，下載了些視頻和上網搜了些相關文章和文檔準備好好學學，今晚第一次接觸ExtJs的事件機制，剛開始感覺有點暈，和以前所接觸的VB或是純的JAVASCRIPT的實現方式有些區(qū)別。根據一個例子，來分析和總結一下這個流程吧。
2010-10-10