唐山网站建设

设为主页 加入收藏 繁體中文

3色交替的下拉列表框

核心提示:3色交替的下拉列表框,浏览3色交替的下拉列表框,以下图所示,显示3种色采交替的下拉框。实现方法:1.使用System.Web.UI.HtmlControls控件,把它作为服务器控件运行。2.在后台为这个select控件绑定数据。3.再调用1个自己写的函数为它的没个项目指定色采。实现代码

以下图所示,显示3种色采交替的下拉框。


实现方法:
1.使用System.Web.UI.HtmlControls控件,把它作为服务器控件运行。
2.在后台为这个select控件绑定数据。
3.再调用1个自己写的函数为它的没个项目指定色采。
实现代码(主要实现部份):
前台(WebForm1.aspx):



后台(WebForm1.aspx.cs):
privatevoidPage_Load(objectsender,System.EventArgse)
{
if(!IsPostBack)
{
SqlConnectioncnn=newSqlConnection();
cnn.ConnectionString="datasource=localhost;initialcatalog=Northwind;password=;"
+"persistsecurityinfo=True;userid=sa;workstationid=APJ062;packetsize=4096";
stringsqlstr="selectTop10CustomerID,CompanyNamefromCustomers";
cnn.Open();
SqlDataAdapterad=newSqlDataAdapter(sqlstr,cnn);
DataTabledt=newDataTable();
ad.Fill(dt);
Select1.DataSource=dt;
Select1.DataTextField="CompanyName";
Select1.DataValueField="CustomerID";
Select1.DataBind();
BindSelectColor(Select1);
}
}
//为select控件的项目添加样式
voidBindSelectColor(HtmlSelectselect)
{
intnum=0;
stringstyleString="";
for(inti=0;i{
num=i%3;
switch(num)
{
case0:
{
styleString="COLOR:#000099;BACKGROUND-COLOR:#F4FAFF";
break;
}
case1:
{
styleString="COLOR:#990000;BACKGROUND-COLOR:#FFFAFB";
break;
}
case2:
{
styleString="COLOR:#009900;BACKGROUND-COLOR:#F4FFFA";
break;
}
}
select.Items[i].Attributes.Add("style",styleString);
}
}

唐山网站建设www.fw8.net


TAG:控件,项目,绑定,后台,下图
评论加载中...
内容:
评论者: 验证码: