ホームページ >ウェブフロントエンド >jsチュートリアル >ext コンボボックスはデータベース データを動的にロードします (フロントエンドとバックエンドを使用)_extjs

ext コンボボックスはデータベース データを動的にロードします (フロントエンドとバックエンドを使用)_extjs

WBOY
WBOYオリジナル
2016-05-16 16:43:581851ブラウズ

フロントデスク:

コードをコピー コードは次のとおりです。 data.Store( {
プロキシ: new Ext.data.HttpProxy({ url:basePath "/stationManage/station_getProvinceJSON.action" })、
リーダー: new Ext.data.JsonReader(
{ ルート: "" },
["PROVINCEID", "PROVINCENAME"]
)
});


//州と市を選択
var prophinIDadd = 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();


バックグラウンド アクション コード


コピーcode コードは次のとおりです。 public class StationAction extends BaseAction {
private List>
public void setProvinceList(List>provinceList) {
this.provinceList = 州リスト;
}

public List> getProvinceList() {
return statesList;
}
public String getProvinceJSON(){
String sql="SELECT PK_ID PROVINCEID,NAME PROVINCENAME FROM T_DICT_DISTRICT A WHERE A.DISTRICT_LEVEL=20";
return "json_getProvinceList";
}


strtus xml 構成



コードをコピー
コードは次のとおりです。 provinceList

静的データのドロップダウン選択ボックスを読み込みます



コードをコピーします
コードは次のとおりです: var dataType=[['0','8 columns'],['1', '38 列'],['2','21 列']]; var dataTypeStore = new Ext.data.SimpleStore({ フィールド: ['dataTypeID', 'dataTypeName'],
データ : データ
});

var dataTypedd = new Ext.form.ComboBox({
アンカー : '98%',
id:'dataTypeadd',
名前 : "dataTypeAdd1",
hiddenName : "dataType",
displayField : "dataTypeName",
valueField : "dataTypeID",
blankText : 'データ形式を選択してください',
emptyText : 'データ形式を選択してください'、
fieldLabel : 'データ形式'、
allowBlank : false、
editable : false、
triggerAction : 'all'、
store :unitStore 、
ForceSelection : true、
mode : 'local'、
selectOnFocus : true
})

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。