مربع قائمة منسدلة متناوب بثلاثة ألوان

كما هو موضح في الشكل أدناه، يتم عرض مربع منسدل به ثلاثة ألوان متناوبة.

طريقة التنفيذ:
1. استخدم عنصر التحكم System.Web.UI.HtmlControls وقم بتشغيله كعنصر تحكم خادم.
2. ربط البيانات بعنصر التحكم المحدد هذا في الخلفية.
3. ثم اتصل بالوظيفة التي كتبتها لتحديد اللون لكل عنصر من عناصرها.
رمز التنفيذ (جزء التنفيذ الرئيسي):
مكتب الاستقبال (WebForm1.aspx):
<SELECT id = "Select1" style = "WIDTH: 300px" name = "Select1" runat = "الخادم">
<تم تحديد الخيار></OPTION>
</SELECT>
الواجهة الخلفية (WebForm1.aspx.cs):
Page_Load باطلة خاصة (مرسل الكائن، System.EventArgs e)
{
إذا (!IsPostBack)
{
SqlConnection cnn = new SqlConnection();
cnn.ConnectionString = "مصدر البيانات = المضيف المحلي؛ الكتالوج الأولي = Northwind؛ كلمة المرور =؛"
+"معلومات الأمان المستمرة = True؛ معرف المستخدم = sa؛ معرف محطة العمل = APJ062؛ حجم الحزمة = 4096"؛
string sqlstr = "حدد أفضل 10 معرفات للعملاء واسم الشركة من العملاء";
cnn.Open();
SqlDataAdapter ad = new SqlDataAdapter(sqlstr,cnn);
DataTable dt = new DataTable();
ad.Fill(dt);
Select1.DataSource = dt;
Select1.DataTextField = "اسم الشركة";
Select1.DataValueField = "معرف العميل";
Select1.DataBind();
BindSelectColor(Select1);
}
}
// أضف أنماطًا إلى عناصر عنصر التحكم المحدد
باطلة BindSelectColor(HtmlSelect حدد)
{
عدد صحيح = 0؛
سلسلة styleString = "";
for(int i = 0; i <select.Items.Count; i ++ )
{
الأسطوانات = ط % 3؛
التبديل (رقم)
{
الحالة 0:
{
styleString = "COLOR: #000099; BACKGROUND-COLOR: #F4FAFF";
استراحة؛
}
الحالة 1:
{
styleString = "COLOR: #990000; BACKGROUND-COLOR: #FFFAFB";
استراحة؛
}
الحالة 2:
{
styleString = "COLOR: #009900; BACKGROUND-COLOR: #F4FFFA";
استراحة؛
}
}
Select.Items[i].Attributes.Add("style",styleString);
}
}