GridView绑定图片并分页

1、绑定数据源之后，编辑列-在可用字段中选择ImageField字段，点击添加按钮。在下方选定字段中选择刚才的ImageField字段，在右侧属性里边找到DataImageUrlField,选择相应的数据库字段就可以了。前台：<div style="width:713px;height:500px;"><br/> <asp:GridView ID="GridView1" runat="server" AllowPaging="True" OnPageIndexChanging="

2、Part_PageIndexChanging" CellPadding="4" PageSize="3" AutoGenerateColumns="False" Font-Size="9pt" Width="713px" HorizontalAlign="Center" BackColor="White" BorderColor="#3366CC" BorderStyle="None" BorderWidt

3、h="1px" OnRowDataBound="GridView1_RowDataBound" Height="234px"> <RowStyle ForeColor="#003399" BackColor="White" /> <Columns> <asp:BoundField DataField="computerID" HeaderText="电脑型号"/> <asp:BoundField DataFi

4、eld="computerName" HeaderText="电脑名" /> <asp:BoundField DataField="computerPrice" HeaderText="电脑报价" /> <asp:ImageField DataImageUrlField="computerUrl" ControlStyle-Width="180px" ControlStyle-Height="140px" HeaderText=&q

5、uot;电脑图片"><ControlStyle Height="140px" Width="180px"></ControlStyle> </asp:ImageField> <asp:BoundField DataField="computerText" HeaderText="简述" /> </Columns> <EmptyDataTemplate> 抱歉，您要查询的信息不存在! </EmptyDataTemplate&

6、gt; <FooterStyle BackColor="#99CCCC" ForeColor="#003399" /> <PagerStyle BorderColor="Blue" BackColor="#99CCCC" ForeColor="#003399" HorizontalAlign="Left" /> <SelectedRowStyle BackColor="#009999" Font-Bold="True

7、" ForeColor="#CCFF99" /> <HeaderStyle BackColor="#003399" Font-Bold="True" ForeColor="#CCCCFF" /> </asp:GridView></div>后台：using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.UI;using Syste

8、m.Web.UI.WebControls;using System.Data;using System.Data.SqlClient;using System.Configuration;public partial class GridView : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) if (!IsPostBack) Bind(); protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)

9、foreach (TableCell tc in e.Row.Cells) tc.Attributes"style" = "border-color:Black" if (e.Row.RowIndex != -1) int id = GridView1.PageIndex * GridView1.PageSize + e.Row.RowIndex + 1; e.Row.Cells0.Text = id.ToString(); protected void Part_PageIndexChanging(object sender, GridViewPage

10、EventArgs e) GridView1.PageIndex = e.NewPageIndex; Bind(); public void Bind() try SqlConnection cn = new SqlConnection(ConfigurationManager.ConnectionStrings"connstr".ConnectionString); SqlCommand cmd = new SqlCommand(); cmd.CommandText = "select * from computerImage" cmd.Connection = cn; cn.Open(); SqlDataAdapter da = new SqlDataAdapter(); da.SelectCommand = cmd; DataSet ds = new DataSe