ASP.NET程序实现三色交替的下拉列表框 作者:Tecsun
2007-05-28 16:21
435 查看
如下图所示,显示三种颜色交替的下拉框。
实现方法:
1.使用System.Web.UI.HtmlControls控件,把它作为服务器控件运行。
2.在后台为这个select控件绑定数据。
3.再调用一个自己写的函数为它的没个项目指定颜色。
实现代码(主要实现部分):
前台(WebForm1.aspx):
<Select id="Select1" style="WIDTH: 300px" name="Select1" runat="server">
<OPTION selected></OPTION>
</Select>
后台(WebForm1.aspx.cs):
private void Page_Load(object sender, System.EventArgs e)
{
if(!IsPostBack)
{
SqlConnection cnn = new SqlConnection();
cnn.ConnectionString = "data source=localhost;initial catalog=Northwind;password=;"
+"persist security info=True;user id=sa;workstation id=APJ062;packet size=4096";
string sqlstr = "select Top 10 CustomerID, CompanyName from Customers";
cnn.Open();
SqlDataAdapter ad = new SqlDataAdapter(sqlstr,cnn);
DataTable dt = new DataTable();
ad.Fill(dt);
Select1.DataSource = dt;
Select1.DataTextField = "CompanyName";
Select1.DataValueField = "CustomerID";
Select1.DataBind();
BindSelectColor(Select1);
}
}
//为select控件的项目添加样式
void BindSelectColor(HtmlSelect select)
{
int num = 0;
string styleString = "";
for(int i = 0 ; i < select.Items.Count; i ++ )
{
num = i % 3;
switch(num)
{
case 0:
{
styleString = "COLOR: #000099; BACKGROUND-COLOR: #F4FAFF";
break;
}
case 1:
{
styleString = "COLOR: #990000; BACKGROUND-COLOR: #FFFAFB";
break;
}
case 2:
{
styleString = "COLOR: #009900; BACKGROUND-COLOR: #F4FFFA";
break;
}
}
select.Items[i].Attributes.Add("style",styleString);
}
}
实现方法:
1.使用System.Web.UI.HtmlControls控件,把它作为服务器控件运行。
2.在后台为这个select控件绑定数据。
3.再调用一个自己写的函数为它的没个项目指定颜色。
实现代码(主要实现部分):
前台(WebForm1.aspx):
<Select id="Select1" style="WIDTH: 300px" name="Select1" runat="server">
<OPTION selected></OPTION>
</Select>
后台(WebForm1.aspx.cs):
private void Page_Load(object sender, System.EventArgs e)
{
if(!IsPostBack)
{
SqlConnection cnn = new SqlConnection();
cnn.ConnectionString = "data source=localhost;initial catalog=Northwind;password=;"
+"persist security info=True;user id=sa;workstation id=APJ062;packet size=4096";
string sqlstr = "select Top 10 CustomerID, CompanyName from Customers";
cnn.Open();
SqlDataAdapter ad = new SqlDataAdapter(sqlstr,cnn);
DataTable dt = new DataTable();
ad.Fill(dt);
Select1.DataSource = dt;
Select1.DataTextField = "CompanyName";
Select1.DataValueField = "CustomerID";
Select1.DataBind();
BindSelectColor(Select1);
}
}
//为select控件的项目添加样式
void BindSelectColor(HtmlSelect select)
{
int num = 0;
string styleString = "";
for(int i = 0 ; i < select.Items.Count; i ++ )
{
num = i % 3;
switch(num)
{
case 0:
{
styleString = "COLOR: #000099; BACKGROUND-COLOR: #F4FAFF";
break;
}
case 1:
{
styleString = "COLOR: #990000; BACKGROUND-COLOR: #FFFAFB";
break;
}
case 2:
{
styleString = "COLOR: #009900; BACKGROUND-COLOR: #F4FFFA";
break;
}
}
select.Items[i].Attributes.Add("style",styleString);
}
}
相关文章推荐
- asp.net三色交替的下拉列表框(转载)
- ASP.NET程序实现多彩下拉框开发实例解析
- Asp.net实现下拉框和列表框的连动
- Asp.net实现下拉框和列表框的连动
- asp.net 实现QQ在线聊天程序中javascript的窗口注册机制
- 在ASP.NET将程序中将上传的附件存储到另一台文件服务器上的实现
- ASP.NET实现级联下拉框效果实例讲解
- ASP.NET MVC + Jquery 实现Ajax下拉框数据三级联动
- 用Knockoutjs与Asp.net MVC实现级联下拉列表
- ASP.NET 程序实现博客日历
- JQuery和ASP.NET分别实现级联下拉框效果
- ASP.NET通过第三方网站Bitly实现短链接地址程序
- ASP.NET实现下拉框二级联动组件
- 三色交替的下拉列表框
- ASP.NET 安全认证(四)——巧妙实现 Form 表单认证跨站点、跨服务器的单点登录(Single Sign On) 作者:寒羽枫
- 晚上无聊象征性收取了网友100元辛苦费,实现支持多语言功能的XML语言包版的C#的ASP.NET多语言支持例子程序
- 晚上无聊象征性收取了网友100元辛苦费,实现支持多语言功能的XML语言包版的C#的ASP.NET多语言支持例子程序
- ASP.NET MVC 排球计分程序 (二)一些排球计分的基本实现方式
- 使用DIV属性,在ASP.NET 中实现,文本框和下拉框组合,实现文本框即能输入又能选择
- ASP.NET MVC 排球计分程序 (二)一些排球计分的基本实现方式