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 相关文章推荐
一些常用的Javascript函数
Dec 22 Javascript
脚本吧 - 幻宇工作室用到js,超强推荐expand.js
Dec 23 Javascript
document.documentElement &amp;&amp; document.documentElement.scrollTop
Dec 01 Javascript
模仿百度三维地图的js数据分享
May 12 Javascript
setTimeout的延时为0时多个浏览器的区别
May 23 Javascript
《JavaScript DOM 编程艺术》读书笔记之DOM基础
Jan 09 Javascript
js获取css的各种样式并且设置他们的方法
Aug 22 Javascript
简单谈谈CommonsChunkPlugin抽取公共模块
Dec 31 Javascript
详解nuxt 微信公众号支付遇到的问题与解决
Aug 26 Javascript
微信小程序自定义菜单切换栏tabbar组件代码实例
Dec 30 Javascript
js实现页面图片消除效果
Mar 24 Javascript
JavaScript面向对象核心知识与概念归纳整理
May 09 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实现根据时间戳获取周几的方法
2016/02/26 PHP
Laravel框架基于ajax和layer.js实现无刷新删除功能示例
2019/01/17 PHP
laravel 实现向公共模板中传值 (view composer)
2019/10/22 PHP
IE本地存储userdata的一个bug说明
2010/07/01 Javascript
javascript贪吃蛇完整版(源码)
2013/12/09 Javascript
js在IE与firefox的差异集锦
2014/11/11 Javascript
js完美实现@提到好友特效(兼容各大浏览器)
2015/03/16 Javascript
Javascript中typeof 用法小结
2015/05/12 Javascript
用原生JS对AJAX做简单封装的实例代码
2016/07/13 Javascript
微信小程序 教程之注册页面
2016/10/17 Javascript
AngularJS动态绑定HTML的方法分析
2016/11/07 Javascript
详解jQuery简单的表格应用
2016/12/16 Javascript
原生js实现图片放大缩小计时器效果
2017/01/20 Javascript
AngularJS表格样式简单设置方法示例
2017/03/03 Javascript
详解Vue 事件驱动和依赖追踪
2017/04/22 Javascript
禁止弹窗中蒙层底部页面跟随滚动的几种方法
2017/12/07 Javascript
vue-cli结合Element-ui基于cropper.js封装vue实现图片裁剪组件功能
2018/03/01 Javascript
记录一篇关于redux-saga的基本使用过程
2018/08/18 Javascript
详解基于React.js和Node.js的SSR实现方案
2019/03/21 Javascript
Vue 中使用 typescript的方法详解
2020/02/17 Javascript
[03:40]DOTA2抗疫特别篇《英雄年代》
2020/02/28 DOTA
Python读取键盘输入的2种方法
2015/06/16 Python
python验证码识别实例代码
2018/02/03 Python
Pytorch在dataloader类中设置shuffle的随机数种子方式
2020/01/14 Python
带你学习Python如何实现回归树模型
2020/07/16 Python
小白教你PyCharm从下载到安装再到科学使用PyCharm2020最新激活码
2020/09/25 Python
python中yield的用法详解
2021/01/13 Python
印度排名第一的蛋糕、鲜花和礼品送货:Winni
2019/08/02 全球购物
Pandora西班牙官方商店:PandoraShop.es
2020/10/05 全球购物
应届大学生自荐信
2013/12/05 职场文书
职业生涯规划设计步骤
2014/01/12 职场文书
会计顶岗实习心得
2014/01/25 职场文书
平面设计求职信
2014/03/10 职场文书
求职教师自荐书
2014/06/19 职场文书
安全生产工作汇报
2014/10/28 职场文书
python数据分析之单因素分析线性拟合及地理编码
2022/06/25 Python