,,ASP.NET控件之RadioButtonList详解

,,ASP.NET控件之RadioButtonList详解

这篇文章主要为大家详细介绍了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 .网控件使用汇总

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: