次の図に示すように、3 つの色が交互に表示されるドロップダウン ボックスが表示されます。
実装方法：
1. System.Web.UI.HtmlControls コントロールを使用し、サーバー コントロールとして実行します。
2.バックグラウンドでデータをこの選択コントロールにバインドします。
3．次に、作成した関数を呼び出して、各項目の色を指定します。
実装コード (主要な実装部分):
フロントデスク (WebForm1.aspx):
<SELECT id="Select1" style="WIDTH: 300px" name="Select1" runat="server">
<選択されたオプション></OPTION>
</選択>
バックエンド (WebForm1.aspx.cs):
private void Page_Load(オブジェクト送信者、System.EventArgs e)
{
if(!IsPostBack)
{
SqlConnection cnn = new SqlConnection();
cnn.ConnectionString = "データ ソース = ローカルホスト;初期カタログ = Northwind;パスワード =;"
+"persist security info=True;user id=sa;workstation id=APJ062;packet size=4096";
string sqlstr = "顧客から上位 10 件の顧客 ID、会社名を選択";
cnn.Open();
SqlDataAdapter ad = new SqlDataAdapter(sqlstr,cnn);
DataTable dt = 新しい DataTable();
ad.Fill(dt);
Select1.DataSource = dt;
Select1.DataTextField = "会社名";
Select1.DataValueField = "顧客ID";
Select1.DataBind();
BindSelectColor(Select1);
}
}
//選択コントロールの項目にスタイルを追加します
void BindSelectColor(HtmlSelect 選択)
{
int num = 0;
文字列スタイル文字列 = "";
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("スタイル",styleString);
}
}