码迷,mamicode.com
首页 > 其他好文 > 详细

DropDownList控件

时间:2015-02-04 16:11:46      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:

 

 

主要介绍:自定义数据、绑定数据库数据 

 

DropDownList控件的使用跟CheckBoxList控件的使用差不多。

首先是前台代码(Default.aspx):

1 <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack ="true">
2     <asp:ListItem>苹果</asp:ListItem>
3     <asp:ListItem>香蕉</asp:ListItem>
4     <asp:ListItem>橘子</asp:ListItem>
5     <asp:ListItem>桃子</asp:ListItem>
6 </asp:DropDownList>
7 <asp:Button ID="Button1" runat="server" Text="Button" OnClick ="Button1_Click"/>
8 <asp:Label ID="Label1" runat="server" Text=""></asp:Label>

 

然后是后台代码(Default.aspx.cs):

 1 /// <summary>
 2 /// Button1按钮的点击事件
 3 /// </summary>
 4 /// <param name="sender"></param>
 5 /// <param name="e"></param>
 6 protected void Button1_Click(object sender, EventArgs e)
 7 {
 8     string s = string.Empty;
 9 
10     //SelectedItem:获取列表控件中索引最小的选定项。即是取的选中的值。
11     s = this.DropDownList1.SelectedItem.Text;
12 
13     this.Label1.Text = "您选中的水果是:" + s;
14 }

 

最终运行效果:

技术分享

 

上面是自定义的数据,也就是写在代码之中的数据。

 

 

----------------------------------------------------------------------

 

 

下面介绍的是,存储在数据库中的数据:

一:

首先,先在数据库中建立一张表:

1  CREATE TABLE KK
2  (
3      id INT,
4      [name] VARCHAR(20),
5  )

 

然后插入数据:

1  INSERT INTO KK (id, [name]) VALUES (1, 张三)
2  INSERT INTO KK (id, [name]) VALUES (2, 李四)
3  INSERT INTO KK (id, [name]) VALUES (3, 王五)
4  INSERT INTO KK (id, [name]) VALUES (4, 赵六)

 

这是最终建立的表:

技术分享

 

二:

然后是前台代码;

1 <div>
2     <asp:DropDownList ID="DropDownList1" runat="server"></asp:DropDownList>
3     <asp:Button ID="Button1" runat="server" Text="Button" OnClick ="Button1_Click"/>
4     <asp:Label ID="Label1" runat="server" Text=""></asp:Label>
5 </div>

*不需要设置AutoPostBack

 

后台代码:

web.config中数据库连接字符串:

1   <connectionStrings>
2     <add name="connectionString" connectionString="data source = (local); database = TEMP; integrated security = true"/>
3   </connectionStrings>

 

后台之中Page_load中的代码(代码初始化,用于打开界面是就进行数据绑定):

 1 protected void Page_Load(object sender, EventArgs e)
 2 {
 3     if (!IsPostBack)
 4     /* 为什么判断IsPostBack:当你需要执行一些仅需要在页面第一次浏览时执行的事件
 5         * 比如页面初始化,数据绑定之类的操作时,需要将操作放在if(!IspostBack)里面,
 6         * 这样当你在点击页面中的按钮或者执行其他回发事件时,不贵再次初搜索始化或者
 7         * 重复绑定数据,提高了执行效率。
 8         */
 9     {
10         string connectionString = ConfigurationManager.ConnectionStrings["connectionString"].ConnectionString;
11 
12         SqlConnection connection = new SqlConnection(connectionString);
13 
14         connection.Open();
15 
16         string sql = "SELECT * FROM KK";
17 
18         SqlCommand cmd = new SqlCommand(sql, connection);
19 
20         SqlDataReader sdr = cmd.ExecuteReader();
21 
22         //任意给的字段名,只要是想显示在界面上的就行。其值给了:Text
23         this.DropDownList1.DataTextField = "name";
24 
25         //任意给得字段名,只要是想在后台看到前台看不到的数据就行。其值给了:Value
26         this.DropDownList1.DataValueField = "id";//此字段可以去掉。value的值默认为Text的值。
27 
28         this.DropDownList1.DataSource = sdr;
29 
30         this.DropDownList1.DataBind();
31 
32         sdr.Close();
33 
34         connection.Close();
35     }
36 }

其中,检查网页是否会发很重要。if (!IsPostBack)。如果没有这个,将无法使用。

 

后台之中Button1(结果)按钮:

 1 /// <summary>
 2 /// Button1按钮的点击事件
 3 /// </summary>
 4 /// <param name="sender"></param>
 5 /// <param name="e"></param>
 6 protected void Button1_Click(object sender, EventArgs e)
 7 {
 8     string s = string.Empty;
 9 
10     //SelectedItem:获取列表控件中索引最小的选定项。即是取的选中的值。
11     s = this.DropDownList1.SelectedItem.Text;
12 
13     this.Label1.Text = "您选中的是:" + s;
14 }

 

最终运行结果:

技术分享

 

以上就是DropDownList控件的用法。

 

 

 

技术分享

DropDownList控件

标签:

原文地址:http://www.cnblogs.com/KTblog/p/4272304.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!