DropDownList控件绑定数据源的三种方法


Posted in Javascript onDecember 24, 2016

本文给大家分享web  中 DropDownList绑定数据源的几种方式,先给大家分享三种常见的方式,具体详情如下所示:

 第一种  

this.ddltype.DataTextField = "btName";//显示的值
        this.ddltype.DataValueField = "btId";//获取dropdownlist中的值
        ddltype.DataSource = service.GetBusinessTypeAll("");
        this.ddltype.DataBind();

第二种           

DataTable dt_GetBusinessName = service.GetBusinessTypeAll("");
        //表中无数据的话直接返回
        if (dt_GetBusinessName == null)
          return;
        for (int i = 0; i < dt_GetBusinessName.Rows.Count; i++)
        {
          ddltype.Items.Add(new ListItem(dt_GetBusinessName.Rows[i]["btName"].ToString().Trim(),//显示的值
          dt_GetBusinessName.Rows[i]["btId"].ToString().Trim()));
        }s
        ddltype.Items.Add(new ListItem("全部", "-1"));
        ddltype.Text = "全部";

如何选中DropDownList1中的值用

protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
  {
    this.TextBox1.Text = this.DropDownList1.SelectedItem.Text.ToString();
  }

第三种:

protected void ddl_bumen_SelectedIndexChanged(object sender, EventArgs e)
  {
    if (this.ddl_bumen.Text != "选择部门")
    {
      int id = Int32.Parse(this.ddl_bumen.Text);
      SqlParameter bumen = new SqlParameter("@dept_id", id);
      IList<lbEmploy> list = BLLGeneric.Select<lbEmploy>(CommandType.StoredProcedure, "lb_liandong", bumen);
      //配置数据源
      this.ddl_em.DataSource = list;
      //绑定字段属性
      this.ddl_em.DataTextField = "Em_name";
      this.ddl_em.DataValueField = "Em_name";
      //绑定控件
      this.ddl_em.DataBind();
    }
    else
    {
      this.Response.Write(string.Format(GetRedirect.WINALERT, "请选择部门"));
      this.ddl_bumen.Focus();
      return;
    }
  }

下面看下DropdownList控件动态绑定数据源的两种方法

DropdownList控件绑定数据源示例,本文提供两种方法,皆为动态绑定

动态绑定方法一:动态绑定数据库中的字段。

SqlConnection conn = UtilitySqlClass.OperateDataBase.ReturnConn();
string strSQL = "select * from CompanyType";
SqlDataAdapter ada = new SqlDataAdapter(strSQL, conn);
DataSet ds = new DataSet();
ada.Fill(ds, "CompanyType");
DropDownList1.DataSource = ds.Tables["CompanyType"].DefaultView;
DropDownList1.DataValueField = ds.Tables["CompanyType"].Columns[1].ColumnName;
DropDownList1.DataTextField = ds.Tables["CompanyType"].Columns[1].ColumnName;
DropDownList1.DataBind();
ds.Dispose();

动态绑定方法二:利用DropDownList.Items.Add方法。

protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
SqlConnection conn = UtilitySqlClass.OperateDataBase.ReturnConn();
try
{
conn.Open();
this.DropDownList1.Items.Add("");
string strSQL = "select CompanyType from CompanyType";
SqlCommand com = new SqlCommand(strSQL, conn);
SqlDataReader dr = com.ExecuteReader();
while (dr.Read())
{
this.DropDownList1.Items.Add(dr["CompanyType"].ToString());
}
}
catch (Exception ex)
{
Response.Write("<scirpt>alert('" + ex.Message.ToString() + "')</script>");
}
finally
{
conn.Close();
}
}
}

第一种方法:

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();

第二种方法:

con.Open();
    SqlCommand cmd = new SqlCommand(strSql,con);
    SqlDataReader dr = cmd.ExecuteReader();
    while (dr.Read())
    {   
      DropDownList1.Items.Add(new ListItem(dr["status"].ToString(), dr["status_Id"].ToString()));
    }

以上所述是小编给大家介绍的DropDownList控件绑定数据源的三种方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
一组JS创建和操作表格的函数集合
May 07 Javascript
解析javascript系统错误:-1072896658的解决办法
Jul 08 Javascript
JS两种定义方式的区别、内部原理
Nov 21 Javascript
让angularjs支持浏览器自动填表
Nov 10 Javascript
Backbone.js中的集合详解
Jan 14 Javascript
javascript获取当前的时间戳的方法汇总
Jul 26 Javascript
JavaScript面试题(指针、帽子和女朋友)
Nov 23 Javascript
详解Vue2.x-directive的学习笔记
Jul 17 Javascript
详解VUE项目中安装和使用vant组件
Apr 28 Javascript
ES5 模拟 ES6 的 Symbol 实现私有成员功能示例
May 06 Javascript
解决ant design vue中树形控件defaultExpandAll设置无效的问题
Oct 26 Javascript
一百多行代码实现react拖拽hooks
Mar 23 Javascript
Bootstrap源码学习笔记之bootstrap进度条
Dec 24 #Javascript
js addDqmForPP给标签内属性值加上双引号的函数
Dec 24 #Javascript
Bootstrap php制作动态分页标签
Dec 23 #Javascript
前端JS面试中常见的算法问题总结
Dec 23 #Javascript
Bootstrap源码解读导航条(7)
Dec 23 #Javascript
livereload工具实现前端可视化开发【推荐】
Dec 23 #Javascript
浅谈jQuery操作类数组的工具方法
Dec 23 #Javascript
You might like
PHP闭包(Closure)使用详解
2013/05/02 PHP
php魔术方法与魔术变量、内置方法与内置变量的深入分析
2013/06/03 PHP
PHP解密Unicode及Escape加密字符串
2015/05/17 PHP
PHP实现的分页类定义与用法示例
2017/07/05 PHP
js选取多个或单个元素的实现代码(用class)
2012/08/22 Javascript
简体中文转换繁体中文(实现代码)
2013/12/25 Javascript
js 日期比较相关天数代码
2014/04/02 Javascript
Bootstrap布局组件应用实例讲解
2016/02/17 Javascript
JavaScript中判断数据类型的方法总结
2016/05/24 Javascript
JS获取checkbox的个数简单实例
2016/08/19 Javascript
Nodejs进阶:express+session实现简易登录身份认证
2017/04/24 NodeJs
mac上node.js环境的安装测试
2017/07/03 Javascript
浅谈Node.js之异步流控制
2017/10/25 Javascript
vue-cli webpack 引入jquery的方法
2018/01/10 jQuery
实例讲解JavaScript截取字符串
2018/11/30 Javascript
vue中改变滚动条样式的方法
2020/03/03 Javascript
手把手教您实现react异步加载高阶组件
2020/04/07 Javascript
解决vue scoped scss 无效的问题
2020/09/04 Javascript
vue-cli 关闭热更新操作
2020/09/18 Javascript
pyv8学习python和javascript变量进行交互
2013/12/04 Python
跟老齐学Python之正规地说一句话
2014/09/28 Python
python爬取本站电子书信息并入库的实现代码
2020/01/20 Python
详解pytorch中squeeze()和unsqueeze()函数介绍
2020/09/03 Python
联想印度官方网上商店:Lenovo India
2019/08/24 全球购物
Moss Bros官网:英国排名第一的西装店
2020/02/26 全球购物
Linux如何修改文件和文件夹的权限
2013/09/05 面试题
班组长安全职责
2014/01/05 职场文书
幼儿运动会邀请函
2014/01/17 职场文书
开办大学饮食联盟创业计划书
2014/01/29 职场文书
2014年毕业演讲稿范文
2014/05/13 职场文书
低碳环保口号
2014/06/12 职场文书
投资意向协议书
2015/01/29 职场文书
2015年党员公开承诺事项
2015/04/27 职场文书
大学生社区义工服务心得体会
2016/01/22 职场文书
Nginx解决前端访问资源跨域问题的方法详解
2021/03/31 Servers
浅析Python中的随机采样和概率分布
2021/12/06 Python