아래 그림과 같이 세 가지 색상이 교대로 표시되는 드롭다운 상자가 표시됩니다.
구현 방법:
1. System.Web.UI.HtmlControls 컨트롤을 사용하고 이를 서버 컨트롤로 실행합니다.
2. 백그라운드에서 이 선택 컨트롤에 데이터를 바인딩합니다.
3． 그런 다음 각 항목의 색상을 지정하기 위해 작성한 함수를 호출합니다.
구현 코드(주요 구현 부분):
프런트 데스크(WebForm1.aspx):
<SELECT id="Select1" style="WIDTH: 300px" name="Select1" runat="서버">
<OPTION 선택됨></OPTION>
</SELECT>
백엔드(WebForm1.aspx.cs):
개인 무효 Page_Load(개체 전송자, System.EventArgs e)
{
if(!IsPostBack)
{
SqlConnection cnn = 새로운 SqlConnection();
cnn.ConnectionString = "데이터 소스=localhost;초기 카탈로그=Northwind;password=;"
+"보안 정보 유지=True;사용자 ID=sa;워크스테이션 ID=APJ062;패킷 크기=4096";
string sqlstr = "고객에서 상위 10개 CustomerID, CompanyName 선택";
cnn.Open();
SqlDataAdapter 광고 = new SqlDataAdapter(sqlstr,cnn);
DataTable dt = new DataTable();
ad.Fill(dt);
Select1.DataSource = dt;
Select1.DataTextField = "회사이름";
Select1.DataValueField = "고객ID";
Select1.DataBind();
BindSelectColor(선택1);
}
}
//선택 컨트롤의 항목에 스타일을 추가합니다.
무효 BindSelectColor(HtmlSelect 선택)
{
정수 숫자 = 0;
문자열 styleString = "";
for(int i = 0; i < select.Items.Count; i ++ )
{
숫자 = i % 3;
스위치(숫자)
{
사례 0:
{
styleString = "색상: #000099; 배경색: #F4FAFF";
부서지다;
}
사례 1:
{
styleString = "색상: #990000; 배경색: #FFFAFB";
부서지다;
}
사례 2:
{
styleString = "색상: #009900; 배경색: #F4FFFA";
부서지다;
}
}
select.Items[i].Attributes.Add("style",styleString);
}
}