Question

高分求解答asp.net问题

如图，这种效果怎么实现的？我希望是通过绑定数据源的方式来实现！
谢谢！不胜感激！

Answer 1

<asp:DataList ID="dataList" runat="server" RepeatColumns="5">
<ItemTemplate>
<a href='<%# Bind("url")%>' runat="server" id="a">
<img width="130" height="130" src='<%# Bind("imgUrl") %>' id="img" alt='<%# Bind("name") %>'
runat="server" />
<br />
<asp:Label runat="server" Text='<%# Bind("name") %>' ID="label"></asp:Label>
</a>
</ItemTemplate>
</asp:DataList>
<Pager:AspNetPager ID="dataPager" runat="server" FirstPageText="首页" LastPageText="尾页" PageSize="20"
NextPageText="下一页" PrevPageText="上一页" ShowCustomInfoSection="Left" ShowPageIndexBox="Always"
CustomInfoHTML="产品总数：%RecordCount% 当前 %CurrentPageIndex% / %PageCount% 页"
OnPageChanged="dataPager_PageChanged">
</Pager:AspNetPager>

this.dataPager.RecordCount = dt.Rows.Count;
PagedDataSource pds = new PagedDataSource(); //定义一个PagedDataSource类来执行分页功能
pds.DataSource = dt.DefaultView;
pds.AllowPaging = true;
pds.CurrentPageIndex = dataPager.CurrentPageIndex - 1;
pds.PageSize = dataPager.PageSize;
this.dataList.DataSource = pds;
dataList.DataBind();

Answer 2

使用DataList，然后设置ItemTemplate.

<asp:DataList ID="DataList1" runat="server" RepeatColumns="4">
<ItemTemplate>
<asp:Image ID="Image1" runat="server" ImageUrl="<%# p2 %>" />
<asp:Label ID="Label1" runat="server" Text="<%# p1 %>"></asp:Label>
</ItemTemplate>
</asp:DataList>

Answer 3

用repeater啊，用repeater可以自己定义图片显示的格式，想一行几个就几个，还可以给图片加边框等等。分页的话用PagedDataSource这个类。
<div style=" height:370px; width:450px; overflow:hidden; margin:0 auto;">
<asp:Repeater ID="repPictureNews" runat="server">
<ItemTemplate>
<img src='../../Attachment/<%#Eval("PictureURL")%>' alt="news" height="330" width="450"/>
<div style=" height:40px; font-size:14px; line-height:40px; color:#757575"><%#Eval("Introduction")%></div>//我这边只写了一个图片
//你可以在这里照着上面那个继续写几个div,格式排版可用css，排成你想要的样子。
</ItemTemplate>
</asp:Repeater>
</div>

绑定repeater的代码：
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
Bind();//绑定
UporDown();//分页
}
}
public void Bind()
{
PictureNewsBLL bll = new PictureNewsBLL();
repPictureNews.DataSource = bll.GetLastestNews();
repPictureNews.DataBind();
}
分页的代码有点长，如果需要的话可以提问。

Answer 4

DataGrid + ASPNETPager

Answer 5

样式实现。