這次看教程又碰到了DropDownList控件實(shí)現(xiàn)的兩級聯(lián)動，上次由于VS出了點(diǎn)問題，所以沒實(shí)現(xiàn)，這次決定實(shí)現(xiàn)一下。

前臺界面是下面兩個(gè)不修邊幅的DropDownList：

數(shù)據(jù)庫查詢語句如下：

use beidaqingniao create table sheng ( proID int primary key, proName varchar(30) not null ) insert into sheng values(1,'北京') insert into sheng values(2,'黑龍江') insert into sheng values(3,'河北') insert into sheng values(4,'山東') insert into sheng values(5,'天津') insert into sheng values(6,'臺灣') create table chengshi ( cityID int primary key, proID int foreign key references sheng(proID), cityName varchar(30) not null ) insert into chengshi values(1,1,'北京') insert into chengshi values(2,2,'哈爾濱') insert into chengshi values(3,2,'齊齊哈爾') insert into chengshi values(4,3,'保定') insert into chengshi values(4,3,'廊坊') 數(shù)據(jù)庫結(jié)構(gòu)很簡單，sheng（又命名不規(guī)范了……）表中的proID是chengshi表中proID的外鍵。

后臺代碼如下：

protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack ) { SqlConnection con = GetConnString(); con.Open(); SqlCommand sqlcmd = new SqlCommand("select * from sheng", con); SqlDataReader reader = sqlcmd.ExecuteReader(); //生成sheng表的sqldatareader drpProvince.DataSource = reader; //數(shù)據(jù)源 drpProvince.DataTextField = "proName"; //顯示的字段為proName（省名） drpProvince.DataValueField = "proID"; //字段值為proID（省ID） drpProvince.DataBind();//綁定 reader.Close(); //關(guān)閉sqldatareader con.Close(); //關(guān)閉連接 } SqlConnection conn = GetConnString(); conn.Open(); SqlCommand sqlcity = new SqlCommand("select * from chengshi where proID=" + drpProvince.SelectedItem.Value, conn); SqlDataReader readercity = sqlcity.ExecuteReader(); drpCity.DataSource = readercity; drpCity.DataTextField = "cityName"; drpCity.DataValueField = "cityID"; drpCity.DataBind(); readercity.Close(); conn.Close (); } public SqlConnection GetConnString() { //建立連接 SqlConnection con = new SqlConnection("Server=.;database=beidaqingniao;uid=sa;pwd=123456"); return con; }
運(yùn)行結(jié)果：

需要注意的是，應(yīng)該把兩個(gè)DropDownList的AutoPostBack屬性設(shè)置為True。通過這個(gè)例子，終于分清楚了選擇系列控件中的DataTextField和DataValueField，實(shí)現(xiàn)的過程中還犯了一個(gè)低級錯(cuò)誤，就是把這兩個(gè)控件的數(shù)據(jù)綁定都放到了回發(fā)判斷語句下面，結(jié)果是無論選擇那個(gè)省級的項(xiàng)，市級一直是“北京”，這是因?yàn)榕袛嗔嘶匕l(fā)，所以即使重新選擇，也不會更新市級數(shù)據(jù)。關(guān)于IsPostBack的使用，歡迎訪問我的博客《 不要“若只如初見”——WEB/BS開發(fā)必備基礎(chǔ)知識 》

因?yàn)橹皇菫榱撕唵握f明兩級聯(lián)動這個(gè)例子，所以在實(shí)現(xiàn)方面沒有建立BLL和DLL注釋也稍顯拙劣。

簡單的省市兩級聯(lián)動