大学IT网 - 最懂大学生的IT学习网站! QQ资料交流群:367606806
当前位置:大学IT网 > ASP.NET技巧 > ASP.NET对无序列表批量操作的三种方法

ASP.NET对无序列表批量操作的三种方法(1)

关键词:ASP.NET无序列表批量操作  阅读(1129) 赞(18)

[摘要]本文是对ASP.NET对无序列表批量操作的三种方法的讲解,对学习ASP.NET编程技术有所帮助,与大家分享。

在网页开发中,经常要用到无序列表。事实上在符合W3C标准的div+css布局中,无序列表被大量使用,ASP.NET虽然内置了BulletedList控件,用于创建和操作无序列表,但感觉不太好用。本篇介绍服务器端ASP.NET批量操作基于原生html标签的无序列表的三种方法。

方法一,将li元素做成html控件,加上id,用FindControl方法。

aspx代码:

<formid="form1"runat="server">
<ul>
<liid="li1"runat="server">初始值1</li>
<liid="li2"runat="server">初始值2</li>
<liid="li3"runat="server">初始值3</li>
<liid="li4"runat="server">初始值4</li>
<liid="li5"runat="server">初始值5</li>
<liid="li6"runat="server">初始值6</li>
<liid="li7"runat="server">初始值7</li>
<liid="li8"runat="server">初始值8</li>
</ul>
<asp:ButtonID="Button1"runat="server"Text="Button"onclick="Button1_Click"/>
</form>

aspx.cs代码:

[csharp]view plaincopy
protectedvoidButton1_Click(objectsender,EventArgse)
{
//单击按钮后批量改变li元素的内联文本值及样式
for(inti=1;i<=8;i++)
{
HtmlGenericControlli=this.FindControl("li"+i)asHtmlGenericControl;
li.InnerHtml="新值"+i.ToString();
li.Attributes.CssStyle.Value="color:red";
}
}

方法二,将ul、li元素做成html控件,用ul控件的Controls集合遍历。

aspx代码:

<formid="form1"runat="server">
<ulid="ul1"runat="server">
<lirunat="server">初始值1</li>
<lirunat="server">初始值2</li>
<lirunat="server">初始值3</li>
<lirunat="server">初始值4</li>
<lirunat="server">初始值5</li>
<lirunat="server">初始值6</li>
<lirunat="server">初始值7</li>
<lirunat="server">初始值8</li>
</ul>
<asp:ButtonID="Button1"runat="server"Text="Button"OnClick="Button1_Click"/>
</form>

aspx.cs代码:

privateintcounter=1;
protectedvoidButton1_Click(objectsender,EventArgse)
{
//单击按钮后批量改变li元素的内联文本值及样式
foreach(Controlcontrolinul1.Controls)
{
if(controlisHtmlGenericControl)
{
HtmlGenericControlli=controlasHtmlGenericControl;
li.InnerHtml="新值"+(counter++).ToString();
li.Attributes.CssStyle.Value="color:red";
}
}
}
«上一页12下一页»


相关评论