快捷導(dǎo)航

ASP.NET MVC DropDownList數(shù)據(jù)綁定及使用詳解

更新時間：2012年12月19日 17:40:31 作者：

DropDownList 控件用于創(chuàng)建下拉列表。DropDownList 控件中的每個可選項都是由 ListItem 元素定義的!該控件支持?jǐn)?shù)據(jù)綁定

一：DropDownList
1.1 DropDownList綁定數(shù)據(jù)
1.1.1 DropDownList 固定綁定
這種方式適合那些已經(jīng)固定的數(shù)據(jù)綁定到DropDownList上。
例

復(fù)制代碼代碼如下:

 
<asp:DropDownList runat="server" ID="ddlArea" Width="120px" > 
<asp:Listitem value="0">選擇性別</asp:Listitem> 
<asp:Listitem value="1">男</asp:Listitem> 
<asp:Listitem value="2">女</asp:Listitem> 
</asp:DropDownList> 

1.1.2 DropDownList 動態(tài)綁定
前臺：
后臺：兩種方法：（注意，每次綁定都要清除一下原來的記錄，例：ddlArea.Items.Clear();）
第一種：

復(fù)制代碼代碼如下:

 
SqlConnection conn = new SqlConnection("server=.;uid=sa;database=pubs"); 
SqlDataAdapter dap = new SqlDataAdapter("select * from jobs", conn); 
DataTable dt = new DataTable(); 
dap.Fill(dt); 
DropDownList1.Items.Clear(); 
DropDownList1.DataSource = dt; 
DropDownList1.DataTextField = "job_desc"; 
DropDownList1.DataValueField = "job_id"; 
DropDownList1.DataBind(); 
DropDownList1.Items.Insert(0, new ListItem("選擇數(shù)據(jù)", "隨機綁定"));//插入默認(rèn)項，此舉必須放到數(shù)據(jù)綁定之后效果： 

第二種：

復(fù)制代碼代碼如下:

 
SqlConnection conn = new SqlConnection("server=.;uid=sa;database=pubs"); 
SqlDataAdapter dap = new SqlDataAdapter("select * from jobs", conn); 
DataTable dt = new DataTable(); 
dap.Fill(dt); 
if (dt.Rows.Count != 0) 
{ 
DropDownList1.Items.Clear(); 
for (int i = 0; i < dt.Rows.Count; i++) 
{ 
DropDownList1.Items.Add(new ListItem(dt.Rows[i]["顯示值"].ToString(), dt.Rows[i]["usbkey"].ToString())); 
} 
DropDownList1.Items.Insert(0, "選擇網(wǎng)吧"); 
DropDownList1.Items[0].Value = "0"; 或 
// DropDownList1.Items.Insert(0, new ListItem("選擇數(shù)據(jù)", "隨機綁定"));//插入默認(rèn)項，此舉必須放到數(shù)據(jù)綁定之 
} 
else 
{ 
DropDownList1.Items.Insert(0, "無網(wǎng)吧記錄"); 
DropDownList1.Items[0].Value = "0"; 
} 

二：DropDownList1的取值問題：
2.1 取DropDownList1的索引值，也就是選擇 value 值<asp:Listitem value="1">男</asp:Listitem> 取1
.net中 DropDownList1.SelectedValue.ToString()
javascirpt var ddl1=document.getElementByIdx_x("DropDownList1").selectedIndex;
2.2 取DropDownList1的選項，也就是選擇item值<asp:Listitem value="1">男</asp:Listitem> 取男
.net 中DropDownList1.SelectedItem.ToString();
javascript document.getElementByIdx_x("DropDownList1").options[document.getElement("selectID").selectedIndex].value
三：DropDownList1事件問題：
重點:使用OnTextChanged,OnSelectedIndexChanged事件時，必須設(shè)置

復(fù)制代碼代碼如下:

 
<asp:DropDownList runat="server" OnTextChanged="DropDownList1_TextChanged"OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged1"> 

OnTextChanged,OnSelectedIndexChanged這兩個事件具體有什么區(qū)別，我也沒測試出來，只知道OnSelectedIndexChanged這個事件要比OnTextChanged執(zhí)行的早，也就是如果這兩個事件都存在，會首先執(zhí)行OnSelectedIndexChanged這個事件，然后才執(zhí)行OnTextChanged.
四：如何避免DropDownList下拉框中的值重復(fù)添加？
AppendDataBoundItems是否填加重復(fù)值。真為添加，假為不填加
原因：DropDownList控件AppendDataBoundItems屬性設(shè)置為"True"了的，改為False即可。
例如：如果專業(yè)后的DropDownList控件AppendDataBoundItems屬性設(shè)置為"True"，那么選擇院系后專業(yè)里的值會不斷添加。
五：區(qū)別

復(fù)制代碼代碼如下:

 
depart_ddl.Items.Insert(0,new ListItem("不選該項","0")); 這是在首項添加數(shù)據(jù)。 
Items.Add是在最后添加 
DropDownList1.Items.Add(new ListItem("Text","value")); 是在最后添加 
DropDownList1.Items.Insert(Index,new ListItem("Text","value"));這是在首項添加數(shù)據(jù)。 

六：從數(shù)據(jù)庫中讀取數(shù)據(jù)，并綁定到DropDownList中

復(fù)制代碼代碼如下:

 
if (ds.Tables[0].Rows[0]["State"].ToString ()=="True") 
{ 
DropDownListState.Items.FindByValue("1").Selected =true; 
} 
else 
{ 
DropDownListState.Items.FindByValue("0").Selected =true; 
} 

您可能感興趣的文章: