ASP.NET 컨트롤 의 RadioButtonList 상세 설명

"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 컨트롤 사용 집계
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기