Как показано на рисунке ниже, отображается раскрывающийся список с тремя чередующимися цветами.
Метод реализации:
1. Используйте элемент управления System.Web.UI.HtmlControls и запустите его как серверный элемент управления.
2. Привяжите данные к этому элементу управления select в фоновом режиме.
3． Затем вызовите написанную вами функцию, чтобы указать цвет каждого из ее элементов.
Код реализации (основная часть реализации):
Стойка регистрации (WebForm1.aspx):
<SELECT id="Select1" style="WIDTH: 300px" name="Select1" runat="server">
<Выбрана ОПЦИЯ></ОПЦИЯ>
</ВЫБРАТЬ>
Серверная часть (WebForm1.aspx.cs):
частная пустота Page_Load (отправитель объекта, System.EventArgs e)
{
если(!Испостбак)
{
SqlConnection cnn = новый SqlConnection();
cnn.ConnectionString = "источник данных=localhost;начальный каталог=Борей;пароль=;"
+"постоянная информация о безопасности=True;идентификатор пользователя=sa;идентификатор рабочей станции=APJ062;размер пакета=4096";
string sqlstr = "выберите 10 лучших клиентов с идентификатором клиента и именем компании среди клиентов";
cnn.Открыть();
SqlDataAdapter ad = новый SqlDataAdapter(sqlstr,cnn);
DataTable dt = новый DataTable();
объявление.Заполнить(дт);
Select1.DataSource = дт;
Select1.DataTextField = "ИмяКомпании";
Select1.DataValueField = "IDКлиента";
Выбрать1.Привязка Данных();
BindSelectColor(Выбрать1);
}
}
//Добавляем стили к элементам элемента управления select
void BindSelectColor (выбор HtmlSelect)
{
целое число = 0;
строка styleString = "";
for(int i = 0; я <select.Items.Count; я ++)
{
число = я% 3;
переключатель (число)
{
случай 0:
{
styleString = "ЦВЕТ: #000099; ЦВЕТ ФОНА: #F4FAFF";
перерыв;
}
случай 1:
{
styleString = "ЦВЕТ: #990000; ЦВЕТ ФОНА: #FFFAFB";
перерыв;
}
случай 2:
{
styleString = "ЦВЕТ: #009900; ЦВЕТ ФОНА: #F4FFFA";
перерыв;
}
}
select.Items[i].Attributes.Add("стиль",styleString);
}
}