动态绑定dropdownlist

最新推荐文章于 2018-04-13 00:09:51 发布
最新推荐文章于 2018-04-13 00:09:51 发布
阅读量619 收藏
点赞数
分类专栏： C#.net .NET 文章标签： dataset button string table object sql
.NET 同时被 2 个专栏收录
47 篇文章 0 订阅
订阅专栏
C#.net
38 篇文章 0 订阅
订阅专栏

说来，很多的dropdownlist选项都不是固定的，是会动态改变的，一种方法是在页面上写死，改变时，直接修改页面就可以了。但是很多人是使用动态绑定的，因此dropdownlist的Text和Value是需要动态生成的。

首先我们来创建一个表来存放DropDownList的菜单选项：

create table DDLItem --下拉菜单选项表

(

id int Identity Primary Key, --编号

ItemName varchar(20) --菜单名称

)

再在web.config里添加：

<appSettings>

<add key="ConnectionString" value="server=127.0.0.1;uid=sa;password=1234;database=smsc" />

appSettings>

一个最常用的方法就是用DataSet作为数据源来绑定Dropdownlist的值。

首先我们先在页面上加上一个DropDownList和一个Button，如图所示：




源代码如下：

using System;

using System.Collections;

using System.ComponentModel;

using System.Data;

using System.Drawing;

using System.Web;

using System.Web.SessionState;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.HtmlControls;

using System.Data.SqlClient;

using System.Configuration;



namespace BindDropDownList

{

///

/// Example1 的摘要说明。

///

public class Example1 : System.Web.UI.Page

{

protected System.Web.UI.WebControls.DropDownList DropDownList1;

protected System.Web.UI.WebControls.Button Button1;



private void Page_Load(object sender, System.EventArgs e)

{

// 在此处放置用户代码以初始化页面

}



#region Web Form Designer generated code

override protected void OnInit(EventArgs e)

{

//

// CODEGEN：该调用是 ASP.NET Web 窗体设计器所必需的。

//

InitializeComponent();

base.OnInit(e);

}



///

/// 设计器支持所需的方法 - 不要使用代码编辑器修改

/// 此方法的内容。

///

private void InitializeComponent()

{

this.Button1.Click += new System.EventHandler(this.Button1_Click);

this.Load += new System.EventHandler(this.Page_Load);



}

#endregion



private void Button1_Click(object sender, System.EventArgs e)

{

//取得Web.config里的数据库连接字串

string ConnString = ConfigurationSettings.AppSettings["ConnectionString"];

//创建一个SqlConnection

SqlConnection Conn = new SqlConnection( ConnString );



string SQL_Select = "select id, ItemName from DDLItem order by id desc";

//构造一个SqlDataAdapter

SqlDataAdapter myAdapter = new SqlDataAdapter( SQL_Select, Conn);

//开始读取数据

Conn.Open();

DataSet dataSet = new DataSet();

myAdapter.Fill( dataSet,"Table1" );

Conn.Close();



//开始绑定DropDownList



//指定DropDownList使用的数据源

DropDownList1.DataSource = dataSet.Tables["Table1"].DefaultView;

//指定DropDownList使用的表里的那些字段

DropDownList1.DataTextField = "ItemName"; //dropdownlist的Text的字段

DropDownList1.DataValueField = "id";//dropdownlist的Value的字段

DropDownList1.DataBind();





}

}

}

效果图如下：


未绑定的


绑定后的



这个方法比较简单实用，可以灵活的指定一个表里的任意字段为DropDownList的Text和Value值。但是DataSet包含的其他属性太多，就是相当于一个脱机的数据库。因此说来，不是很赞成使用这个方法绑定DropDownList。

在我的《也谈谈动态绑定dropdownlist（1）》的文章里，（http://blog.csdn.net/zsxfbj/archive/2004/07/08/36659.aspx）提到了的是利用dataset作为数据源来实现dataset的Item绑定。但是DataSet包含的内容和结构太多，我们只要求的是快速的绑定DropDownList的Item，而不对数据做任何的操作。所以说用DataSet做数据源的话，是不是有些大材小用的感觉？

而且在用DataSet做为数据源的时候，我们要指定：

DropDownList1.DataTextField = "ItemName"; //dropdownlist的Text的字段

DropDownList1.DataValueField = "id";//dropdownlist的Value的字段

这样的话，我们还要知道表的字段，这个方面不是很好。如果我们想在绑定一个叫Text为：All Item，Value为0的Item，用DataSet作为数据源时绑定会出现问题，我在绑定DropDownList1时，先指定上面我要加的Item项：

DropDownList1.Items.Add( new ListItem( "ALL Item", "0" ) );//这里为新加代码

DropDownList1.DataSource = dataSet.Tables["Table1"].DefaultView;

//指定DropDownList使用的表里的那些字段

DropDownList1.DataTextField = "ItemName"; //dropdownlist的Text的字段

DropDownList1.DataValueField = "id";//dropdownlist的Value的字段

DropDownList1.DataBind();

编译后生成的页面的代码：

<select name=”DropDownList1” id=”DropDownList1”>

<option value=”5”>Item5</option>

<option value=”4”>Item4</option>

<option value=”3”>Item3</option>

<option value=”2”>Item2</option>

<option value=”1”>Item1</option>

</select>

新加的All Item这项根本没有。如果发在后面呢？

//指定DropDownList使用的数据源

//DropDownList1.Items.Add( new ListItem( "ALL Item", "0" ) );//新加的代码

DropDownList1.DataSource = dataSet.Tables["Table1"].DefaultView;

//指定DropDownList使用的表里的那些字段

DropDownList1.DataTextField = "ItemName"; //dropdownlist的Text的字段

DropDownList1.DataValueField = "id";//dropdownlist的Value的字段

DropDownList1.DataBind();

DropDownList1.Items.Add( new ListItem( "ALL Item", "0" ) );//新加的代码

编译后的页面的代码为：

<select name="DropDownList1" id="DropDownList1">

<option value="5">Item5</option>

<option value="4">Item4</option>

<option value="3">Item3</option>

<option value="2">Item2</option>

<option value="1">Item1</option>

<option value="0">ALL Item</option>

</select>

好像<option value="0">ALL Item</option>这项有了，但是是放在了最下面，这又不符合我们的一般的习惯。那么怎么办呢？

既然，DropDownList1.Items可以Add一个new ListItem，而且DataSet做数据源太浪费，我们又不对数据做任何修改，那么我们只是Read一下就可以了。下面就看看这段代码：

using System;

using System.Collections;

using System.ComponentModel;

using System.Data;

using System.Drawing;

using System.Web;

using System.Web.SessionState;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.HtmlControls;

using System.Data.SqlClient;

using System.Configuration;



namespace BindDropDownList

{

/// <summary>

/// Example2 的摘要说明。

/// </summary>

public class Example2 : System.Web.UI.Page

{

protected System.Web.UI.WebControls.DropDownList DropDownList1;

protected System.Web.UI.WebControls.Button Button1;



private void Page_Load(object sender, System.EventArgs e)

{

// 在此处放置用户代码以初始化页面

}



#region Web Form Designer generated code

override protected void OnInit(EventArgs e)

{

//

// CODEGEN：该调用是 ASP.NET Web 窗体设计器所必需的。

//

InitializeComponent();

base.OnInit(e);

}



/// <summary>

/// 设计器支持所需的方法 - 不要使用代码编辑器修改

/// 此方法的内容。

/// </summary>

private void InitializeComponent()

{

this.Button1.Click += new System.EventHandler(this.Button1_Click);

this.Load += new System.EventHandler(this.Page_Load);



}

#endregion



private void Button1_Click(object sender, System.EventArgs e)

{

//取得Web.config里的数据库连接字串

string ConnString = ConfigurationSettings.AppSettings["ConnectionString"];

//创建一个SqlConnection

SqlConnection Conn = new SqlConnection( ConnString );



string SQL_Select = "select id, ItemName from DDLItem order by id desc";

//创建一个SqlCommand

SqlCommand myCommand = new SqlCommand( SQL_Select, Conn );

//读取数据记录并绑定

myCommand.Connection.Open();

//使用DataReader读取速度更快

SqlDataReader myReader = myCommand.ExecuteReader();

while ( myReader.Read() )

{

DropDownList1.Items.Add( new ListItem( myReader["ItemName"].ToString(),myReader["id"].ToString() ) );//增加Item

//或者这样也能绑定，

//DropDownList1.Items.Add( new ListItem( myReader[1].ToString(),myReader[0].ToString() ) );//增加Item

//都是要在知道Sql语句或者数据表结构的前提下才能这样绑定

}



myCommand.Connection.Close();



}

}

}

编译运行后，效果一样，但是更节省了系统的开销。而且我们也可以方面的添加特别的Item，比如这样：

private void Button1_Click(object sender, System.EventArgs e)

{

DropDownList1.Items.Add( new ListItem( "ALL Item", "0" ) );//新加一个Item

//取得Web.config里的数据库连接字串

string ConnString = ConfigurationSettings.AppSettings["ConnectionString"];

//创建一个SqlConnection

SqlConnection Conn = new SqlConnection( ConnString );



string SQL_Select = "select id, ItemName from DDLItem order by id desc";

//创建一个SqlCommand

SqlCommand myCommand = new SqlCommand( SQL_Select, Conn );

//读取数据记录并绑定

myCommand.Connection.Open();

//使用DataReader读取速度更快

SqlDataReader myReader = myCommand.ExecuteReader();

while ( myReader.Read() )

{

DropDownList1.Items.Add( new ListItem( myReader["ItemName"].ToString(),myReader["id"].ToString() ) );//增加Item

//或者这样也能绑定，

//DropDownList1.Items.Add( new ListItem( myReader[1].ToString(),myReader[0].ToString() ) );//增加Item

//都是要在知道Sql语句或者数据表结构的前提下才能这样绑定

}

myCommand.Connection.Close();

}

编译后的页面代码为：

<select name="DropDownList1" id="DropDownList1">

<option value="0">ALL Item</option>

<option value="5">Item5</option>

<option value="4">Item4</option>

<option value="3">Item3</option>

<option value="2">Item2</option>

<option value="1">Item1</option>

</select>

我们目的就可以灵活的达到了。

所以说使用SqlDataReader加Add ListItem可以更快的绑定DropDownList。但是DataSet也可以想这样的绑定DropDownList：

private void Button1_Click(object sender, System.EventArgs e)

{

//取得Web.config里的数据库连接字串

string ConnString = ConfigurationSettings.AppSettings["ConnectionString"];

//创建一个SqlConnection

SqlConnection Conn = new SqlConnection( ConnString );



string SQL_Select = "select id, ItemName from DDLItem order by id desc";

//构造一个SqlDataAdapter

SqlDataAdapter myAdapter = new SqlDataAdapter( SQL_Select, Conn);

//开始读取数据

Conn.Open();

DataSet dataSet = new DataSet();

myAdapter.Fill( dataSet,"Table1" );

Conn.Close();



//开始绑定DropDownList

DataTable dataTable = dataSet.Tables["Table1"];

foreach( DataRow dataRow in dataTable.Rows )

{

DropDownList1.Items.Add( new ListItem( dataRow[1].ToString(), dataRow[0].ToString() ) );

}

// //指定DropDownList使用的数据源

// //DropDownList1.Items.Add( new ListItem( "ALL Item", "0" ) );//新加的代码

// DropDownList1.DataSource = dataSet.Tables["Table1"].DefaultView;

// //指定DropDownList使用的表里的那些字段

// DropDownList1.DataTextField = "ItemName"; //dropdownlist的Text的字段

// DropDownList1.DataValueField = "id";//dropdownlist的Value的字段

// DropDownList1.DataBind();

// DropDownList1.Items.Add( new ListItem( "ALL Item", "0" ) );//新加的代码



}

当然，怎么绑定DropDownList都是个人喜好的问题了，这个都是属于编程技巧的范围了。呵呵，希望大家能一起交流编程的技巧和经验。

KerryMo
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用DataGrid动态绑定DropDownList
zgh2002007的专栏
11-30 3332
 
DropDownList 绑定数据
YHBoy11的博客
06-26 2801
如何使用DropDownList 控件绑定数据呢，今天我们来介绍一下比较常用的一种方法——前后台结合方式： 首先，我们需要拉一个DropDownList 控件： 然后，通过控件配置SqlDataSource数据源，选择合适的数据表： 接着，设置DataTextField（数据源中提供项文本的字段）和DataValueField（数据源中提供项值的字段）属性： 前台显示如下： 配置完之后，一定不要忘记删除 DataSourceID 属性和生成的 SqlDataSource 控件：
dropdownlist动态数据绑定
weixin_30345577的博客
03-28 68
第一步先上页面上托一个dropdownlist控件 前台 <asp:DropDownList ID="DropDownList1" runat="server"> </asp:DropDownList> 后台 先写一个返回dataset的方法 ///<summary> /// 绑定dropdownl...
动态绑定Dropdownlist
doublewang的专栏
04-12 902
说来，很多的dropdownlist选项都不是固定的，是会动态改变的，一种方法是在页面上写死，改变时，直接修改页面就可以了。但是很多人是使用动态绑定的，因此dropdownlist的Text和Value是需要动态生成的。 首先我们来创建一个表来存放DropDownList的菜单选项： create table DDLItem --下拉菜单选项表 ( id int Identity Primary
如何使用DropDownList绑定Sql server数据库
gods_boy的博客
04-13 6080
如何使用dropdownlist绑定数据库？首先我们要了解一些dropdownlist的一些属性。 DataSource：为数据源 DataBind:数据源绑定 DataTextField:要显示的文本值 DataValueField：显示文本值的编号 其中DataTextField主要是给用户看的，我们程序员要用的是DataValueField。 下面是代码展示： 这里我就建立了一...
.net控件dropdownlist动态绑定数据具体过程分解
10-27
一、在页面初始化时候将集合绑定到DropDownList；二、在页面初始化的时候向DropDownList添加数据；三、将DataReader读取的数据动态绑定到DropDownList等等
DropDownList控件绑定数据源的三种方法
08-31
本文给大家分享web 中 DropDownList绑定数据源的几种方式以及DropdownList控件动态绑定数据源的两种方法，下面通过本文给大家详细介绍，感兴趣的朋友一起看看
jquery异步绑定dropdownlist
08-05
jquery异步绑定dropdownlist
根据Enum绑定DropDownList
07-25
根据Enum绑定DropDownList
ASP.net DropDownList数据绑定及使用详解
admindong的博客
09-13 2万+
1.       dropdownlist 绑定数据 1.1  固定绑定（适合已经固定的数据绑定到dropdownlist） 实例： 选择性别 男 女     1.2  动态绑定：（每次绑定都要清除一下原来的记录，例：ddlArea.Items.Clear();） 实例： SqlConnectionconn = new SqlConnection("server=.;
DropdownList绑定数据的方法
05-22
DropdownList绑定数据的方法
在dropdownlist中动态添加第一项的方法
05-02
在dropdownlist中动态添加第一项的方法，很实用，很详细
DropdownList绑定的两种方法
热门推荐
qiushengb的专栏
08-27 7万+
 动态绑定方法一：动态绑定数据库中的字段。SqlConnection conn = UtilitySqlClass.OperateDataBase.ReturnConn();string strSQL = "select * from CompanyType";SqlDataAdapter ada = new SqlDataAdapter(strSQL, conn)
DropDownList 绑定（转载）
dieyanshun4469的博客
07-25 184
一：DropDownList1.1 DropDownList绑定数据1.1.1 DropDownList 固定绑定这种方式适合那些已经固定的数据绑定到DropDownList上。例 复制代码代码如下: <asp:DropDownList runat="server" ID="ddlArea" Width="120px" ><asp:Listitem va...
dropdownlist控件如何绑定动态数据
orichisonic的专栏
12-03 5605
一、dropdownlist控件的值绑定方法： 1、直接输入item项 asp:DropDownList ID="DropDownList1" runat="server" >  asp:ListItem>张三asp:ListItem>  asp:ListItem>李四asp:ListItem> asp:DropDownList>                      这恐怕是最简
也谈谈动态绑定dropdownlist（1）
雾里寻踪
07-08 1万+
也谈谈动态绑定dropdownlist（1）   说来，很多的dropdownlist选项都不是固定的，是会动态改变的，一种方法是在页面上写死，改变时，直接修改页面就可以了。但是很多人是使用动态绑定的，因此dropdownlist的Text和Value是需要动态生成的。 首先我们来创建一个表来存放DropDownList的菜单选项： create table DDLItem --下拉菜单选项表 (
动态绑定DropDownList
刘军龙
09-11 2777
 也谈谈动态绑定dropdownlist（2）         利用dataset作为数据源来实现dataset的Item绑定。但是DataSet包含的内容和结构太多，我们只要求的是快速的绑定DropDownList的Item，而不对数据做任何的操作。所以说用DataSet做数据源的话，是不是有些大材小用的感觉？       而且在用DataSet做为数据源的时候，我们要指定：
DropDownList的动态绑定方法（两种）
weixin_33722405的博客
03-30 314
突然发现有两种方法可以动态绑定，都是建立在linq to entity 的基础上的 1、这个是我经常用的循环绑定 List<PassageCategory> pcategory = (from it in db.PassageCategory select it).ToList(); for (int i = 0; i < pcate...
如何在asp中绑定dropdownlist控件
最新发布
05-24
在 ASP.NET 中，可以使用以下步骤来绑定 DropDownList 控件： 1.在 .aspx 页面中，添加一个 DropDownList 控件，例如： ``` <asp:DropDownList id="myDropDownList" runat="server"></asp:DropDownList> ``` 2.在 .aspx.cs 或 .vb 文件的 Page_Load 方法中，编写代码来绑定数据源到 DropDownList 控件。这可以通过以下代码实现： ``` // 定义数据源 DataTable dt = new DataTable(); dt.Columns.Add("ID"); dt.Columns.Add("Name"); // 添加数据到数据源 dt.Rows.Add("1", "选项1"); dt.Rows.Add("2", "选项2"); dt.Rows.Add("3", "选项3"); // 绑定数据到 DropDownList 控件 myDropDownList.DataSource = dt; myDropDownList.DataTextField = "Name"; myDropDownList.DataValueField = "ID"; myDropDownList.DataBind(); ``` 在上面的代码中，首先定义了一个 DataTable 对象作为数据源。然后，添加了一些数据行到数据源中。最后，使用 DropDownList 控件的 DataSource 属性将数据源绑定到控件上，并将 DataTextField 和 DataValueField 属性分别设置为数据表中的 "Name" 和 "ID" 列。最后，调用 DataBind() 方法来完成绑定。 3.如果数据源是一个 List 或数组，也可以使用以下代码来绑定数据源到 DropDownList 控件： ``` // 定义数据源 List<string> options = new List<string>(); options.Add("选项1"); options.Add("选项2"); options.Add("选项3"); // 绑定数据到 DropDownList 控件 myDropDownList.DataSource = options; myDropDownList.DataBind(); ``` 在上面的代码中，首先定义了一个字符串类型的列表作为数据源。然后，将一些选项添加到列表中。最后，使用 DropDownList 控件的 DataSource 属性将列表绑定到控件上，并调用 DataBind() 方法来完成绑定。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值