欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

ASP.NET MVC DropDownList数据绑定及使用详解

程序员文章站 2024-03-06 10:44:43
一:dropdownlist 1.1 dropdownlist绑定数据 1.1.1 dropdownlist 固定绑定 这种方式适合那些已经固定的数据绑定到dropdown...

一: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;
}