这篇文章主要为大家详细介绍了ASP .网控件之单选按钮列表的使用方法,感兴趣的小伙伴们可以参考一下
"单选按钮列表"控件表示一个封装了一组单选按钮控件的列表控件。
可以使用两种类型的ASP。网控件将单选按钮添加到网页上:各个"单选按钮"控件或一个"单选按钮列表"控件。这两类控件都允许用户从一小组互相排斥的预定义选项中进行选择。使用这些控件,可定义任意数目的带标签的单选按钮,并将它们水平或垂直排列。
命名空间:
系统。网页控件程序集:
系统。网页(在system.web.dll中)[ValidationPropertyAttribute( SelectedItem )]
公共类单选按钮列表:ListControl、IRepeatInfoUser、INamingContainer、IPostBackDataHandler
RadioButtonList 控件
为网页开发人员提供了一组单选按钮,这些按钮可以通过数据绑定动态生成。该控件包含一个项目集合,集合中的成员与列表中的各项相对应。若要确定选择了哪一项,请测试列表的选择编辑项目属性。可以用重复布局和重复方向属性指定如何呈现列表。如果将重复布局设置为重复布局。表格(默认设置),列表将呈现在表中。如果设置为重复布局。流动,列表将不以表格形式呈现。默认情况下,重复方向设置为重复方向。垂直。将该属性设置为重复方向。水平的时,列表将水平呈现。
单选按钮列表用法:
div class=rblStyle
ASP:单选按钮列表ID= rblChangQHT runat= server 重复方向= Horizontal
asp:ListItem Text=是Value=1/asp:ListItem
asp:ListItem Text=否value="0"/ASP:ListItem
/asp:RadioButtonList/div
1.RadioButtonList 校验
var Rb _ Chang qht=文档。getelementbyid( rblChangQHT );
var ShiF=Rb _ changqht。getelementsbytagname(“INPUT”);
定义变量结果=假
for(var I=0;i ShiF.lengthi)
if (ShiF[i].已检查){
结果=真;
打破;
}
}
如果(!结果){
警报(是否为中长期合同为必填项!);
返回错误的
}
2.RadioButtonList样式调整
。rblStyle {宽度:100%;高度:自动;}。rbl样式输入{ border-style:none;}3.onselectedindexchanged事件
像下拉控件dropdownlist控件一样,它也有onselectedindexchanged事件,当选项改变后进行触发
注意点是:控件中的自动回发属性一定设为真,这样服务器端才知道你的选项改变了,并触发相应事件
4.为ListItem添加提示
单选按钮列表1。Items[0].Attributes.Add(title ,提示内容);
5.绑定数据源
string SQL= select * from province ;
DataTable dt=SQLHelper .执行数据表(SQL);
这个单选按钮列表1。数据源=dt
这个单选按钮列表1。数据文本字段=省份;
这个单选按钮列表1。数据值字段= PId
这个单选按钮列表1。DataBind();
6.改变选中项的前景色
ASP:单选按钮列表ID= rblIsLock runat= server AutoPostBack= true onselectedindex changed= rblIsLock _ selectedindex changed 重复方向=水平重复布局=流动
ASP:ListItem Selected= True Value= 0 启用/asp:ListItem
asp:ListItem值="1"禁用/asp:ListItem
/asp:单选按钮列表
标签*禁用的用户将无法登录/标签
后台:
受保护的void rblIsLock _ selectedindex已更改(对象发送方,事件参数e)
{
var rbl=sender as单选按钮列表;
HighliehgSelectedItem(rbl);
}
私有void HighliehgSelectedItem(单选按钮列表rbl)
{
foreach(rbl中的李.项目)
{
如果(李。已选择)
{
李属性。添加( style , color:red;);
}
}
}
7.后台动态增加RadioButtonList
单选按钮列表rbl=新建单选按钮列表();
rbl .ID=rbl (i 1).ToString();
rbl .BorderStyle=BorderStyle .无;
rbl .重复布局=重复布局。流动;
rbl .重复方向=重复方向。水平;
rbl .TextAlign=TextAlign .对;
rbl .单元格间距=6;
rbl .属性。Add(onclick , check rbl( CTL 00 _ CTL 00 _ content placeholder 1 _ cph body _ cph lower _ rbl .ID ));
rbl .DataSource=dtRating .默认视图
rbl .DataTextField= LevelID
rbl .数据值字段= LevelID
rbl .DataBind();
tc .控制。添加(rbl);//tc是表格行的一个单元格表格单元格
for(int k=0;k rbl .项目。计数;k)
{
rbl .Items[k].Attributes.Add(title ,dtRating).行[k][1].ToString());
rbl .Items[k].Attributes.Add(style , margin-left:10px;);
}
8.前台改变选中项的背景色
window.onload=function () {
var arr=文档。getelementsbytagname(“INPUT”);
for(var I=0;长度;i ) {
if (arr[i]).已检查){
if (arr[i]).type==radio) {
arr[I]。风格。背景色=红色;
}
否则{
arr[I]。风格。背景色=" ";
}
}
否则{
arr[I]。风格。背景色=" ";
}
}
}
为大家附3个精彩的专题:
ASP .网控件使用手册
ASP .网数据绑定控件使用汇总
ASP .网控件使用汇总
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。