《ASP.NET1200例》<asp:DataList>分页显示图片

aspx页面代码

<asp:DataList ID="dlPhoto" runat="server" Height="137px"
Width="277px" onitemcommand="dlPhoto_ItemCommand" RepeatDirection="Horizontal">
<ItemTemplate>
<%# DataBinder.Eval(Container.DataItem, "imageUrl") %>
<asp:ImageButton ID="ImageButton1" ImageUrl="image/20131128.jpg" Height="100px" Width ="200px" runat="server" /><br />
<asp:Label ID="Label1" runat="server" >相册名称</asp:Label>
<asp:ImageButton id="ProductImage" ImageUrl='<%# DataBinder.Eval(Container.DataItem, "imageUrl") %>' Height="100px" Width ="200px" runat="server"/>
</ItemTemplate>
<FooterTemplate>
<asp:LinkButton ID="LinkButton1" CommandName="first" runat="server" >首页</asp:LinkButton>
<asp:LinkButton ID="LinkButton2" CommandName="pre" runat="server">上一页</asp:LinkButton>
<asp:LinkButton ID="LinkButton3" CommandName="next" runat="server">下一页</asp:LinkButton>
<asp:LinkButton ID="LinkButton4"  CommandName="last" runat="server">末页</asp:LinkButton>
<asp:TextBox ID="txtPage" runat="server" Height="18px" Width="34px"></asp:TextBox>
<asp:LinkButton ID="LinkButton5"  CommandName="search" runat="server">Go</asp:LinkButton>
</FooterTemplate>
</asp:DataList>

aspx.cs

public partial class _232DataList : System.Web.UI.Page
{
PagedDataSource pds = new PagedDataSource();
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
bindDL(0);

}
}
public void bindDL(int curPage)
{

pds.AllowPaging = true;
pds.PageSize = 2;
pds.CurrentPageIndex = curPage;

//绑定数据源
ShowImageBll ShowImageBll = new BLL.ShowImageBll();
DataSet ds=ShowImageBll.GetList();
pds.DataSource = ds.Tables[0].DefaultView;
dlPhoto.DataSource = pds;
dlPhoto.DataBind();

}

protected void dlPhoto_ItemCommand(object source, DataListCommandEventArgs e)
{

switch (e.CommandName)
{
case "first":
if (pds.CurrentPageIndex != 0)
{
pds.CurrentPageIndex = 0;
}
else
{
Response.Write("<script language=javascript>" + "alert(\"已经是第一页\")" + "</script>");
}
bindDL(pds.CurrentPageIndex);
break;
case "pre":
if (pds.CurrentPageIndex > 0) {
pds.CurrentPageIndex = pds.CurrentPageIndex - 1;
bindDL(pds.CurrentPageIndex);
}
else
{
Response.Write("<script language=javascript>" + "alert(\"已经是第一页\")" + "</script>");
}

break;
case "next":
if (pds.CurrentPageIndex < pds.PageCount - 1)
{
pds.CurrentPageIndex = pds.CurrentPageIndex + 1;
bindDL(pds.CurrentPageIndex);
}
else
{
Response.Write("<script language=javascript>" + "alert(\"已经是最后一页\")" + "</script>");
}

break;
case "last":
if (pds.CurrentPageIndex != pds.PageCount - 1)
{
pds.CurrentPageIndex = pds.PageCount - 1;

}
else
{
Response.Write("<script language=javascript>" + "alert(\"已经是最后一页\")" + "</script>");
}
bindDL(pds.CurrentPageIndex);
break;
case "search":
if (e.Item.ItemType == ListItemType.Footer)
{
int pageCount = int.Parse(pds.PageCount.ToString ());
TextBox txtPage = e.Item.FindControl("txtPage") as TextBox;
int myPage = 0;
if(txtPage .Text !=null)
{
myPage = int.Parse(txtPage .Text.Trim ().ToString ());

}
if (myPage <=0||myPage >pageCount ) {
Response .Write ("<script>alert('请输入正确的页面数！')</script>");

}
bindDL(myPage-1);

}
break;
}
}

}

View Code

数据库设计



运行效果



期间出现的问题：

【1】数据库imageUrl字段 应该为image/20131128.jpg 无需加引号

【2】路径的读取ImageUrl='<%# DataBinder.Eval(Container.DataItem, "imageUrl") %>'

【3】读取图片出错时，应该点击页面上那个叉图片的属性，查看读取出来的路径再查错-------这点很重要

【4】遗留问题：分页显示依然存在Bug后续将做更改 V20131204版本

Asp.net提供了三个功能强大的列表控件：DataGrid、DataList和Repeater控件，但其中只有DataGrid控件提供分页功能。相对DataGrid，DataList和Repeater控件具有更高的样式自定义性，所以很多时候我们喜欢使用DataList或Repeater控件来显示数据。

注: PagedDataSource 类的部分公共属性：

AllowCustomPaging 获取或设置指示是否启用自定义分页的值。

AllowPaging 获取或设置指示是否启用分页的值。

Count 获取要从数据源使用的项数。

CurrentPageIndex 获取或设置当前页的索引。

DataSource 获取或设置数据源。

DataSourceCount 获取数据源中的项数。

FirstIndexInPage 获取页中的第一个索引。

IsCustomPagingEnabled 获取一个值，该值指示是否启用自定义分页。

IsFirstPage 获取一个值，该值指示当前页是否是首页。

IsLastPage 获取一个值，该值指示当前页是否是最后一页。

IsPagingEnabled 获取一个值，该值指示是否启用分页。

IsReadOnly 获取一个值，该值指示数据源是否是只读的。

IsSynchronized 获取一个值，该值指示是否同步对数据源的访问（线程安全）。

PageCount 获取显示数据源中的所有项所需要的总页数。

PageSize 获取或设置要在单页上显示的项数。

VirtualCount 获取或设置在使用自定义分页时数据源中的实际项数。