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 相关文章推荐
ExtJS 2.2.1的grid控件在ie6中的显示问题
May 04 Javascript
JavaScript DOM学习第八章 表单错误提示
Feb 19 Javascript
js实现addClass,removeClass,hasClass的函数代码
Jul 13 Javascript
js判断FCKeditor内容是否为空的两种形式
May 14 Javascript
Firefox和IE兼容性问题及解决方法总结
Oct 08 Javascript
教你如何使用PHP输出中文JSON字符串
May 22 Javascript
JavaScript去除数组里重复值的方法
Jul 13 Javascript
JavaScript学习笔记之函数记忆
Sep 06 Javascript
Vue仿手机qq的实例代码(demo)
Sep 08 Javascript
解决vuejs项目里css引用背景图片不能显示的问题
Sep 13 Javascript
vue项目前端错误收集之sentry教程详解
May 27 Javascript
浅谈vue 组件中的setInterval方法和window的不同
Jul 30 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
玩家交还《星际争霸》原始码光盘 暴雪报以厚礼
2017/05/05 星际争霸
Laravel中正确地返回HTTP状态码方法示例
2019/09/10 PHP
Laravel框架中队列和工作(Queues、Jobs)操作实例详解
2020/04/06 PHP
Google (Local) Search API的简单使用介绍
2013/11/28 Javascript
Vue.js表单控件实践
2016/10/27 Javascript
新手学习前端之js模仿淘宝主页网站
2016/10/31 Javascript
Vue实现购物车功能
2017/04/27 Javascript
Vue.js实现微信过渡动画左右切换效果
2017/06/13 Javascript
浅谈vuex之mutation和action的基本使用
2017/08/29 Javascript
vue初尝试--项目结构(推荐)
2018/01/30 Javascript
基于vue中keep-alive缓存问题的解决方法
2018/09/21 Javascript
Seajs源码详解分析
2019/04/02 Javascript
IDEA安装vue插件图文详解
2019/09/26 Javascript
vue实现带过渡效果的下拉菜单功能
2020/02/19 Javascript
vscode中Vue别名路径提示的实现
2020/07/31 Javascript
python网络编程示例(客户端与服务端)
2014/04/24 Python
python socket 超时设置 errno 10054
2014/07/01 Python
Python图片裁剪实例代码(如头像裁剪)
2017/06/21 Python
python 打印直角三角形,等边三角形,菱形,正方形的代码
2017/11/21 Python
解决python删除文件的权限错误问题
2018/04/24 Python
Python语言快速上手学习方法
2018/12/14 Python
python面向对象法实现图书管理系统
2019/04/19 Python
PyCharm下载和安装详细步骤
2019/12/17 Python
Python截图并保存的具体实例
2021/01/14 Python
详解CSS3实现响应式手风琴效果
2020/06/10 HTML / CSS
Linux管理员面试题 Linux admin interview questions
2016/07/08 面试题
4s客服专员岗位职责
2013/12/01 职场文书
班级学雷锋活动总结
2014/06/26 职场文书
党的群众路线教育实践活动实施方案
2014/10/31 职场文书
教师学习群众路线心得体会
2014/11/04 职场文书
银行求职信模板
2015/03/20 职场文书
2015年污水处理厂工作总结
2015/05/26 职场文书
社区志愿服务活动感想
2015/08/07 职场文书
python第三方网页解析器 lxml 扩展库与 xpath 的使用方法
2021/04/06 Python
单身狗福利?Python爬取某婚恋网征婚数据
2021/06/03 Python
Redis全局ID生成器的实现
2022/06/05 Redis