当前位置: 移动技术网 > IT编程>开发语言>.net > ASP.NET MVC DropDownList数据绑定及使用详解

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

2017年12月12日  | 移动技术网IT编程  | 我要评论
一: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;
}

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网