ASP.NET 컨트롤러의 RadioButtonList 설명

“RadioButtonList”控件은 하나의单选按钮控件의 그룹을 포함한 목록控件을 나타냅니다.　

웹 페이지에单选按钮를 추가할 수 있는 두 가지类型的 ASP.NET 控件가 있습니다：각각의“RadioButton”控件이나 하나의“RadioButtonList”控件입니다. 이 두 가지控件은 사용자가互斥한 предопределенные опции의 일小组에서 선택할 수 있습니다. 이控件을 사용하여 레이블이 달린任意数의单选按钮를 정의하고 수평이나 수직으로 정렬할 수 있습니다.　

이름 공간:System.Web.UI.WebControls
프로그램 모음:System.Web（system.web.dll에 있습니다）　

[ValidationPropertyAttribute("SelectedItem")]
public class RadioButtonList : ListControl, IRepeatInfoUser, INamingContainer, IPostBackDataHandler
RadioButtonList 컨트롤웹 개발자에게 데이터 바인딩을 통해 동적으로 생성할 수 있는 단일 선택 버튼 집합을 제공합니다. 이 컨트롤은 Items 컬렉션을 포함하고 있으며, 컬렉션의 요소는 목록의 각 항목과 일치합니다. 선택된 항목을 결정하려면 목록의 SelectedItem 속성을 테스트하세요.　

RepeatLayout과 RepeatDirection 속성을 사용하여 목록을 표시하는 방법을 지정할 수 있습니다. RepeatLayout을 RepeatLayout.Table(기본 설정)으로 설정하면 목록이 테이블에서 표시됩니다. RepeatLayout.Flow로 설정하면 목록이 테이블 형식으로 표시되지 않습니다. 기본적으로 RepeatDirection은 RepeatDirection.Vertical로 설정됩니다. 이 속성을 RepeatDirection.Horizontal로 설정하면 목록이 수평으로 표시됩니다.　

RadioButtonList 사용법:

　　　　　　　　　　　　　　　 <div class="rblStyle">
　　　　　　　　　　　　　　　 <asp:RadioButtonList ID="rblChangQHT" runat="server" RepeatDirection="Horizontal">
　　　　　　　　　　　　　　　 <asp:ListItem Text="네" Value="1></asp:ListItem>
　　　　　　　　　　　　　　　 <asp:ListItem Text="아니요" Value="0"></asp:ListItem>
　　　　　　　　　　　　　　　 </asp:RadioButtonList></div>　

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.onselectedindexchanged 이벤트　

dropdownlist 컨트롤과 마찬가지로, 이는 onselectedindexchanged 이벤트도 가지고 있으며, 옵션을 변경하면 이벤트가 트리거됩니다.　

주의 사항은: 컨트롤 내 AutoPostBack 속성을 반드시 "True"로 설정해야 합니다. 이렇게 하면 서버가 선택이 변경되었음을 알고 해당 이벤트를 트리거합니다.

4.ListItem에 툴팁 추가

RadioButtonList1.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 = "";
  }
  }
 }

아래에 추가로:3다양한 주제:

ASP.NET 컨트롤 사용 매뉴얼

ASP.NET 데이터 바인딩 컨트롤 사용 요약

ASP.NET 컨트롤 사용 요약

이것이 이 문서의 모든 내용입니다. 많은 도움이 되길 바랍니다. 또한,呐喊 가이드에 많은 지지를 부탁드립니다.

고지사항: 이 문서의 내용은 인터넷에서 가져왔으며, 저작권자는 본인입니다. 인터넷 사용자가 자발적으로 기여하고 자체로 업로드한 내용이며, 이 사이트는 소유권을 가지지 않으며, 인공 편집 처리를 하지 않았으며, 관련 법적 책임도 부담하지 않습니다. 저작권 침해가 의심되는 내용을 발견하면, notice#w로 이메일을 보내 주시기 바랍니다.3codebox.com（보고서 작성 시 #을 @으로 변경하십시오. 관련 증거를 제공하시면, 사실관계가 확인되면, 이 사이트는 즉시 저작권 침해 내용을 삭제합니다。）