一、asp:Repeater
<div class="bd">
<ul>
<asp:Repeater ID="rept_slide" runat="server">
<ItemTemplate>
<li><a href='<%#Eval("LinkUrl").ToString() %>' target="_blank" style="background: url(images/<%#Eval("ImgUrl").ToString() %>) center 0 no-repeat;" ></a></li>
</ItemTemplate>
</asp:Repeater>
</ul>
</div>
Repeater 控件用于显示重复的项目列表
后台绑定数据：
DataTable dt = tbSlideFill();
this.rept_slide.DataSource = dt.DefaultView;
this.rept_slide.DataBind();
二、asp:Literal
向页面动态添加内容
<asp:Literal ID="lit_page" runat="server"></asp:Literal>
this.lit_page.Text = Common.PageNums.GetPageNum(ds, rept_new, , "About.aspx?id=52", "Pager_blue"); //输出分页
/// /// DataSet实例
/// /// DataList名称
/// /// 分页大小
/// ///动态分页
public static string GetPageNum(DataSet ds, Repeater datalistname, int pagesize, string lurl, string classStr)
{
string pagestr = "";
if (ds != null && ds.Tables[].Rows.Count > )
{
PagedDataSource objPds = new PagedDataSource();
objPds.DataSource = ds.Tables[].DefaultView;
objPds.AllowPaging = true;
int total = ds.Tables[].Rows.Count;
objPds.PageSize = pagesize;
int page;
if (HttpContext.Current.Request.QueryString["page"] != null)
page = Convert.ToInt32(HttpContext.Current.Request.QueryString["page"]);
else
page = ;
objPds.CurrentPageIndex = page - ;
datalistname.DataSource = objPds;
datalistname.DataBind();
int allpage = ;
int next = ;
int pre = ;
int startcount = ;
int endcount = ; if (page < )
{
page = ;
}
//计算总页数
if (pagesize != )
{
allpage = (total / pagesize);
allpage = ((total % pagesize) != ? allpage + : allpage);
allpage = (allpage == ? : allpage);
}
next = page + ;
pre = page - ;
startcount = (page + ) > allpage ? allpage - : page - ;//中间页起始序号
endcount = page < ? : page + ;//中间页终止序号
if (startcount < )
{ startcount = ; }
//为了避免输出的时候产生负数，设置如果小于1就从序号1开始
if (allpage < endcount)
{
endcount = allpage;
}
//页码+5的可能性就会产生最终输出序号大于总页码，那么就要将其控制在页码数之内
pagestr = "<div class='" + classStr + "'>";
pagestr += page > ? "<a href='" + lurl + "&page=1' class=\"homePage\">首页</a><a href='" + lurl + "&page=" + pre + "' class=\"prevPage\">上一页</a>" : "<a href='" + lurl + "&page=1' class=\"homePage\">首页</a>";
for (int i = startcount; i <= endcount; i++)
{
pagestr += page == i ? "<a href=\"javascript:;\" class=\"on\">" + i + "</a>" : " " + "<a href='" + lurl + "&page=" + i + "'>" + i + "</a>" + " ";
}
pagestr += page != allpage ? "<a href='" + lurl + "&page=" + next + "' class=\"nextPage\">下一页</a><a href='" + lurl + "&page=" + allpage + "' class=\"endPage\">末页</a>" : "<a href=\"javascript:;\" class=\"endPage\">末页</a>";
pagestr += "</div>";
}
else
{
pagestr = "暂无数据";
}
return pagestr;
}
三、asp:DataList
DataList 控件，类似于 Repeater 控件，用于显示绑定在该控件上的项目的重复列表。不过，DataList 控件会默认地在数据项目上添加表格。
<asp:DataList ID="DataInfo" runat="server" OnItemCommand="DataInfo_ItemCommand" DataKeyField="InfoId">
<HeaderTemplate>
<table cellpadding="" cellspacing="" border="" width="" class="tablecss">
<tr>
<td width="" align="center">序号</td>
<td width="" align="center">选择</td>
<td width="" align="ceter">标题</td>
<td width="" style="text-align:center;">排序号</td>
<td style="text-align:center;">操作</td>
</tr>
</table>
</HeaderTemplate>
<ItemTemplate>
<table cellpadding="" cellspacing="" border="" width="" class="tablecss2">
<tr>
<td width="" align="center"><%#(Container.ItemIndex+).ToString() %></td>
<td width="" align="center"><asp:CheckBox ID="CheckBox1" runat="server" /></td>
<td width="" align="center"><%#DataBinder.Eval(Container.DataItem,"Title") %></td>
<td width="" align="center"><asp:TextBox ID="txsort" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"Sort") %>' Columns=""></asp:TextBox></td>
<td style="text-align:center;">
<asp:LinkButton ID="LinkButton1" runat="server" CausesValidation="false" CommandName="edit" Text="修改"></asp:LinkButton>
<asp:LinkButton ID="LinkButton5" runat="server" CausesValidation="false" CommandName="Delete" Text="删除" OnClientClick="return confirm('确认要删除吗?')"></asp:LinkButton>
</td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
this.DataInfo.DataSource = objpbs;
this.DataInfo.DataBind();
四、分页
1、先引用AspNetPager.dll
2、在页面上加上一句：<%@ Register TagPrefix="Webdiyer" Namespace="Wuqi.Webdiyer" Assembly="aspnetpager" %>
3、
<Webdiyer:AspNetPager runat="server" ID="pager" AlwaysShow="true" HorizontalAlign="Left" ShowInputBox="Always"
ShowPageIndex="false" FirstPageText="首页" LastPageText="末页" PrevPageText="上页" NextPageText="下页"
Width="100%" ShowCustomInfoSection="Left" TextBeforeInputBox="转到转到第 " TextAfterInputBox=" 页 "
PageSize="" OnPageChanged="pager_PageChanged"/>
4、后台绑定数据
DataTable dt=tbInfoFill();
pager.RecordCount = dt.Rows.Count;
PagedDataSource objpbs = new PagedDataSource();
objpbs.DataSource = dt.DefaultView;
objpbs.AllowPaging = true;
objpbs.PageSize = pager.PageSize;
objpbs.CurrentPageIndex = pager.CurrentPageIndex - ;
五、其他
1、幻灯片展示
a、引入js文件：<script src="js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
b、
<div class="banner">
<div class="bd">
<ul>
<asp:Repeater ID="rept_slide" runat="server">
<ItemTemplate>
<li><a href='<%#Eval("LinkUrl").ToString() %>' target="_blank" style="background: url(images/<%#Eval("ImgUrl").ToString() %>) center 0 no-repeat;" ></a></li>
</ItemTemplate>
</asp:Repeater>
</ul>
</div> </div>
<script type="text/javascript">
jQuery(".banner").slide({ mainCell: ".bd ul", autoPlay: true });
</script>
2、marquee
a、创建一个滚动的文本字幕
<marquee direction="up" behavior="scroll" scrollamount="" onMouseOut="this.start()" onMouseOver="this.stop()" >
<span class="fl"><a href='NewInfo.aspx?id=<%#Eval("InfoId").ToString() %>'><%#Eval("Title").ToString() %></a></span>
<span class="time fr"><%#Eval("AppDate","{0:yyyy-MM-dd}").ToString() %></span>
</marquee>
direction:表示滚动的方向
behavior:表示滚动的方式
scrollamount:表示文字滚动的速度
onMouseOut:表示当鼠标移上去滚动停止
onMouseOver:表示当鼠标移开滚动开始
b、用js来实现
<script type="text/javascript">
var speed =
function Marquee() {
demo.scrollTop++;
if (demo.scrollTop > "")
{
demo.scrollTop = "";
}
}
var MyMar = setInterval(Marquee, speed)
demo.onmouseover = function () { clearInterval(MyMar) }
demo.onmouseout = function () { MyMar = setInterval(Marquee, speed) }
</script>