ASP.NET 컨트롤 의 RadioButtonList 상세 설명
5782 단어 ASP.NET컨트롤RadioButtonList
두 가지 유형의 ASP.NET 컨트롤 을 사용 하여 단일 단 추 를 웹 페이지 에 추가 할 수 있 습 니 다.각"RadioButton"컨트롤 이나"RadioButton List"컨트롤 을 사용 할 수 있 습 니 다.이 두 가지 컨트롤 은 사용자 가 서로 배척 하 는 미리 정 의 된 옵션 에서 선택 할 수 있 도록 합 니 다.이 컨트롤 을 사용 하면 탭 이 있 는 단일 단 추 를 정의 하고 수평 또는 수직 으로 배열 할 수 있 습 니 다.
네 임 스페이스:System.Web.UI.WebControls
프로그램 집합:System.Web(system.web.dll 에서)
[ValidationPropertyAttribute("SelectedItem")]
public class RadioButtonList : ListControl, IRepeatInfoUser, INamingContainer, IPostBackDataHandler
RadioButton List 컨트롤 은 웹 개발 자 에 게 단일 선택 단 추 를 제공 합 니 다.이 단 추 는 데이터 바 인 딩 을 통 해 동적 으로 생 성 될 수 있 습 니 다.이 컨트롤 은 Items 집합 을 포함 하고 집합 중인 구성원 과 목록 의 각 항목 이 대응 합 니 다.어떤 항목 을 선 택 했 는 지 확인 하려 면 목록 의 Selected Item 속성 을 테스트 하 십시오.
목록 을 보 여 주 는 방법 을 RepeatLayout 와 RepeatDirection 속성 으로 지정 할 수 있 습 니 다.RepeatLayout 를 RepeatLayout.Table(기본 설정)로 설정 하면 목록 이 표 에 표 시 됩 니 다.RepeatLayout.Flow 로 설정 하면 목록 은 표 형식 으로 표시 되 지 않 습 니 다.기본적으로 RepeatDirection 은 RepeatDirection.Vertical 로 설 정 됩 니 다.이 속성 을 RepeatDirection.Horizontal 로 설정 하면 목록 이 수평 으로 표 시 됩 니 다.
RadioButtonList 사용법:
1.RadioButtonList 검사
var rb_ChangQHT = document.getElementById("rblChangQHT");
var ShiF = rb_ChangQHT.getElementsByTagName("INPUT");
var result = false;
for (var i = 0; i < ShiF.length; i++) {
if (ShiF[i].checked) {
result = true;
break;
}
}
if (!result) {
alert(" !");
return false;
}
2.RadioButtonList 스타일 조정 .rblStyle{width:100%;height:auto;}
.rblStyle input{border-style:none;}
3.onselecedindexchanged 이벤트
드 롭 다운 컨트롤 dropdown list 컨트롤 처럼 onselecedindexchange 이벤트 도 있 습 니 다.옵션 이 바 뀌 면 트리거 합 니 다.
주의 점 은 컨트롤 에 있 는 AutoPost Back 속성 을 반드시"True"로 설정 해 야 서버 에서 옵션 이 바 뀌 었 다 는 것 을 알 고 해당 사건 을 촉발 할 수 있 습 니 다.
4.ListItem 에 알림 추가
RadioButtonList 1.Items[0].Attributes.Add("title","제시 내용");
5.바 인 딩 데이터 원본
string sql = "select * from province";
DataTable dt = SQLHelper.ExecuteDataTable(sql);
this.RadioButtonList1.DataSource = dt;
this.RadioButtonList1.DataTextField = "Provinces";
this.RadioButtonList1.DataValueField = "PId";
this.RadioButtonList1.DataBind();
6.선택 한 항목 의 전경 색 변경
<asp:RadioButtonList ID="rblIsLock" runat="server" AutoPostBack="true" OnSelectedIndexChanged="rblIsLock_SelectedIndexChanged" RepeatDirection="Horizontal" RepeatLayout="Flow">
<asp:ListItem Selected="True" Value="0"> </asp:ListItem>
<asp:ListItem Value="1"> </asp:ListItem>
</asp:RadioButtonList>
<label>* </label>
배경:
protected void rblIsLock_SelectedIndexChanged(object sender, EventArgs e)
{
var rbl = sender as RadioButtonList;
HighliehgSelectedItem(rbl);
}
private void HighliehgSelectedItem(RadioButtonList rbl)
{
foreach (ListItem li in rbl.Items)
{
if (li.Selected)
{
li.Attributes.Add("style", "color: red;");
}
}
}
7.배경 동적 증가 RadioButtonList
RadioButtonList rbl = new RadioButtonList();
rbl.ID = "rbl" + (i + 1).ToString();
rbl.BorderStyle = BorderStyle.None;
rbl.RepeatLayout = RepeatLayout.Flow;
rbl.RepeatDirection = RepeatDirection.Horizontal;
rbl.TextAlign = TextAlign.Right;
rbl.CellSpacing = 6;
rbl.Attributes.Add("onclick", "CheckRbl('ctl00_ctl00_ctl00_ContentPlaceHolder1_cphBody_cphLower_" + rbl.ID + "')");
rbl.DataSource = dtRating.DefaultView;
rbl.DataTextField = "LevelID";
rbl.DataValueField = "LevelID";
rbl.DataBind();
tc.Controls.Add(rbl); //tc TableRow TableCell
for (int k = 0; k < rbl.Items.Count; k++)
{
rbl.Items[k].Attributes.Add("title", dtRating.Rows[k][1].ToString());
rbl.Items[k].Attributes.Add("style", "margin-left:10px;");
}
8.선택 한 배경 색 변경
window.onload = function () {
var arr = document.getElementsByTagName("INPUT");
for (var i = 0; i < arr.length; i++) {
if (arr[i].checked) {
if (arr[i].type == "radio") {
arr[i].style.backgroundColor = "red";
}
else {
arr[i].style.backgroundColor = "";
}
}
else {
arr[i].style.backgroundColor = "";
}
}
}
모두 에 게 멋 진 세 가지 주 제 를 동봉 합 니 다.ASP.NET 컨트롤 사용 설명서
ASP.NET 데이터 바 인 딩 컨트롤 사용 집합
ASP.NET 컨트롤 사용 집계
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
extjsiframe에서 컨트롤 값이나 변수 값을 가져오는 방법ext에서 iframe에 사용할 때 iframe 내외에서 값을 얻는 방법 1. iframe 가져오는 방법 1 2. 방법2 3. 방법 3 1、document.frames["frameName"].document.getE...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.