ASP.NET MVC DropDownList数据绑定及使用详解
更新时间:2021年9月22日 10:17 点击:2056
一:DropDownList
1.1 DropDownList绑定数据
1.1.1 DropDownList 固定绑定
这种方式适合那些已经固定的数据绑定到DropDownList上。
例
复制代码 代码如下:
<asp:DropDownList runat="server" ID="ddlArea" Width="120px" >
<asp:Listitem value="0">选择性别</asp:Listitem>
<asp:Listitem value="1">男</asp:Listitem>
<asp:Listitem value="2">女</asp:Listitem>
</asp:DropDownList>
1.1.2 DropDownList 动态绑定
前台:
后台:两种方法:(注意,每次绑定都要清除一下原来的记录,例:ddlArea.Items.Clear();)
第一种:
复制代码 代码如下:
SqlConnection conn = new SqlConnection("server=.;uid=sa;database=pubs");
SqlDataAdapter dap = new SqlDataAdapter("select * from jobs", conn);
DataTable dt = new DataTable();
dap.Fill(dt);
DropDownList1.Items.Clear();
DropDownList1.DataSource = dt;
DropDownList1.DataTextField = "job_desc";
DropDownList1.DataValueField = "job_id";
DropDownList1.DataBind();
DropDownList1.Items.Insert(0, new ListItem("选择数据", "随机绑定"));//插入默认项,此举必须放到数据绑定之后效果:
第二种:
复制代码 代码如下:
SqlConnection conn = new SqlConnection("server=.;uid=sa;database=pubs");
SqlDataAdapter dap = new SqlDataAdapter("select * from jobs", conn);
DataTable dt = new DataTable();
dap.Fill(dt);
if (dt.Rows.Count != 0)
{
DropDownList1.Items.Clear();
for (int i = 0; i < dt.Rows.Count; i++)
{
DropDownList1.Items.Add(new ListItem(dt.Rows[i]["显示值"].ToString(), dt.Rows[i]["usbkey"].ToString()));
}
DropDownList1.Items.Insert(0, "选择网吧");
DropDownList1.Items[0].Value = "0"; 或
// DropDownList1.Items.Insert(0, new ListItem("选择数据", "随机绑定"));//插入默认项,此举必须放到数据绑定之
}
else
{
DropDownList1.Items.Insert(0, "无网吧记录");
DropDownList1.Items[0].Value = "0";
}
二:DropDownList1的取值问题:
2.1 取DropDownList1的索引值,也就是选择 value 值<asp:Listitem value="1">男</asp:Listitem> 取1
.net中 DropDownList1.SelectedValue.ToString()
javascirpt var ddl1=document.getElementByIdx_x("DropDownList1").selectedIndex;
2.2 取DropDownList1的选项,也就是选择item值<asp:Listitem value="1">男</asp:Listitem> 取 男
.net 中DropDownList1.SelectedItem.ToString();
javascript document.getElementByIdx_x("DropDownList1").options[document.getElement("selectID").selectedIndex].value
三:DropDownList1事件问题:
重点:使用OnTextChanged,OnSelectedIndexChanged事件时,必须设置
复制代码 代码如下:
<asp:DropDownList runat="server" OnTextChanged="DropDownList1_TextChanged"OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged1">
OnTextChanged,OnSelectedIndexChanged这两个事件具体有什么区别,我也没测试出来,只知道OnSelectedIndexChanged这个事件要比OnTextChanged执行的早,也就是如果这两个事件都存在,会首先执行OnSelectedIndexChanged这个事件,然后才执行OnTextChanged.
四:如何避免DropDownList下拉框中的值重复添加?
AppendDataBoundItems是否填加重复值。真为添加,假为不填加
原因:DropDownList控件AppendDataBoundItems属性设置为"True"了的,改为False即可。
例如:如果专业后的DropDownList控件AppendDataBoundItems属性设置为"True",那么选择院系后专业里的值会不断添加。
五:区别
复制代码 代码如下:
depart_ddl.Items.Insert(0,new ListItem("不选该项","0")); 这是在首项添加数据。
Items.Add是在最后添加
DropDownList1.Items.Add(new ListItem("Text","value")); 是在最后添加
DropDownList1.Items.Insert(Index,new ListItem("Text","value"));这是在首项添加数据。
六:从数据库中读取数据,并绑定到DropDownList中
复制代码 代码如下:
if (ds.Tables[0].Rows[0]["State"].ToString ()=="True")
{
DropDownListState.Items.FindByValue("1").Selected =true;
}
else
{
DropDownListState.Items.FindByValue("0").Selected =true;
}
相关文章
- 这篇文章主要为大家详细介绍了C# TextBox数据绑定的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 我们知道,DropDownList下拉框是一个服务器控件,有时候,有些朋友为了方便绑定DropDownList下拉框的选项,但又想在DropDownList实现客户端的下拉事件,那该怎么实现呢?...2021-09-22
- 这篇文章主要介绍了使用Vue3进行数据绑定及显示列表数据,整篇文章围绕Vue3进行数据绑定及显示列表数据的想换自来哦展开内容,需要的小伙伴可以参考一下...2021-10-23
DropDownList获取的SelectIndex一直为0的问题
由于初始化判断出错导致每次传到服务器的时候会初始化一次,这就导致每次获取DropDownList的SelectIndex的时候只能是0...2021-09-22DropDownList 下拉框选择改变促发事件和防全局刷新(推荐)
这篇文章主要介绍了DropDownList 下拉框选择改变促发事件和防全局刷新(推荐)的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下...2021-09-22ASP.NET笔记之 ListView 与 DropDownList的使用
本篇文章小编为大家介绍,ASP.NET笔记之 ListView 与 DropDownList的使用。需要的朋友参考下...2021-09-22- 这篇文章主要为大家详细介绍了ASP.NET数据绑定控件,为大家解析了ListBox、GridView、Repeater三个数据绑定控件的“高效分页”,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-22
在ASP.NET 2.0中操作数据之三十三:基于DataList和Repeater使用DropDownList过滤的主/从报表
前面已经介绍过使用DropDownList过滤的主/从报表,不过当时是基于GridView,本文算是复习一下,基于DataList和Repeater再次实现一下相同的功能。...2021-09-22- 本实例以MS AdventureWorks2008Entities数据库为基础,演示了LINQ TO ENTITY、LINQ TO ENTITYSQL和LINQ TO ENTITYCLIENT。...2020-06-25
ASP.NET服务器端控件RadioButtonList,DropDownList,CheckBoxList的取值、赋值用法
这三个控件都有一个Items集合,可以用 RepeatLayout 和 RepeatDirection 属性来控制列表的呈现形式...2021-09-22ASP.NET DropDownListCheckBox使用示例(解决回发问题)
本文为大家介绍下ASP.NET DropDownListCheckBox的使用,这个是根据LigerUI改的,解决了回发问题,喜欢的朋友可以参考下...2021-09-22- 在某些时候表中没有可以排序的字段同时呢也不想修改表结构,但它的项文本有序号这时就可以用这方法排序,感兴趣的你可以参考下,或许本文知识点对你有所帮助...2021-09-22
- C# DropDownList中点击打开新窗口的方法,需要的朋友可以参考一下...2020-06-25
- 这篇文章主要介绍了DropDownList绑定数据表实现两级联动具体实现,需要的朋友可以参考下...2021-09-22
ASP.NET中DropDownList和ListBox实现两级联动功能
这篇文章主要介绍了ASP.NET中DropDownList和ListBox实现两级联动功能的相关资料,需要的朋友可以参考下...2021-09-22ASP.NET MVC DropDownList数据绑定及使用详解
DropDownList 控件用于创建下拉列表。DropDownList 控件中的每个可选项都是由 ListItem 元素定义的!该控件支持数据绑定...2021-09-22- 本实例主要练习了ADO.Net连接到外部数据库的基础上,向查询中添加参数。使用的是ACCESS数据库...2020-06-25
- ASP.NET数据绑定的记忆碎片实现代码,需要的朋友可以参考下...2021-09-22
c#数据绑定之将datatabel的data添加listView
这篇文章主要介绍了c#将DataTabel的data添加ListView的示例,实现功能是通过响应UI Textbox 的值向ListView 绑定新添加的纪录。,需要的朋友可以参考下...2020-06-25asp.net实现递归方法取出菜单并显示在DropDownList中(分栏形式)
这篇文章主要介绍了asp.net实现递归方法取出菜单并显示在DropDownList中的方法,涉及asp.net递归算法与DropDownList使用技巧,需要的朋友可以参考下...2021-09-22