ext combobox動態(tài)加載數(shù)據(jù)庫數(shù)據(jù)(附前后臺)
更新時間:2014年06月17日 16:56:47 投稿:whsnow
這篇文章主要介紹了ext combobox動態(tài)加載數(shù)據(jù)庫數(shù)據(jù)并附前后臺實現(xiàn),需要的朋友可以參考下
前臺:
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)數(shù)據(jù)的下拉選擇框
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 : '請選擇數(shù)據(jù)格式',
emptyText : '請選擇數(shù)據(jù)格式',
fieldLabel : '數(shù)據(jù)格式',
allowBlank : false,
editable : false,
triggerAction : 'all',
store :unitStore ,
forceSelection : true,
mode : 'local',
selectOnFocus : true
})
復制代碼 代碼如下:
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)數(shù)據(jù)的下拉選擇框
復制代碼 代碼如下:
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 : '請選擇數(shù)據(jù)格式',
emptyText : '請選擇數(shù)據(jù)格式',
fieldLabel : '數(shù)據(jù)格式',
allowBlank : false,
editable : false,
triggerAction : 'all',
store :unitStore ,
forceSelection : true,
mode : 'local',
selectOnFocus : true
})
您可能感興趣的文章:
- 通過Spring Boot配置動態(tài)數(shù)據(jù)源訪問多個數(shù)據(jù)庫的實現(xiàn)代碼
- 詳解SpringBoot 創(chuàng)建定時任務(配合數(shù)據(jù)庫動態(tài)執(zhí)行)
- asp.net實現(xiàn)的MVC跨數(shù)據(jù)庫多表聯(lián)合動態(tài)條件查詢功能示例
- Java的MyBatis框架中對數(shù)據(jù)庫進行動態(tài)SQL查詢的教程
- Yii操作數(shù)據(jù)庫實現(xiàn)動態(tài)獲取表名的方法
- C#動態(tài)創(chuàng)建Access數(shù)據(jù)庫及表的方法
- Ajax動態(tài)加載數(shù)據(jù)庫示例
- c# asp .net 動態(tài)創(chuàng)建sql數(shù)據(jù)庫表的方法
- javascript動態(tài)添加表格數(shù)據(jù)行(ASP后臺數(shù)據(jù)庫保存例子)
- Mysql動態(tài)更新數(shù)據(jù)庫腳本的示例講解
相關文章
extjs4 treepanel動態(tài)改變行高度示例
本文為大家介紹下extjs4 treepanel如何動態(tài)改變行高度,下面有個不錯的示例,感興趣的朋友可以參考下2013-12-12Ext JS框架中日期函數(shù)的用法及日期選擇控件的實現(xiàn)
Ext JS中的Ext.Date可以看作是JavaScript中date的加強版,提供了許多進階的日期操作函數(shù),下面我們就來看一下Ext JS框架中日期函數(shù)的用法及日期選擇控件的實現(xiàn)2016-05-05extjs 列表框(multiselect)的動態(tài)添加列表項的方法
最近公司一個項目,因為要使用div模擬的窗口,因為久聞extjs的大名,因此就想在項目中使用一下.首先下載了multiselect的extjs3.0 demo.看到的代碼這里我就不粘貼了.2009-07-07ExtJs3.0中Store添加 baseParams 的Bug
今天發(fā)現(xiàn)了一個ExtJS3.0中的Bug 以前用2.0的時候,喜歡這樣增加參數(shù)2010-03-03extjs 的權(quán)限問題 要求控制的對象是 菜單,按鈕,URL
這兩天在解決extjs 的權(quán)限問題。要求控制的對象是 菜單,按鈕,URL2010-03-03Extjs中TabPane如何嵌套在其他網(wǎng)頁中實現(xiàn)思路及代碼
Extjs中TabPane在一些特殊用途時把其嵌在其他的網(wǎng)頁中,很多新手朋友可能對此不是很熟悉,小編就在本文章中詳細的介紹一下,感興趣的你可不要錯過了啊,希望本文對你有所幫助2013-01-01