在网格视图中显示多个图像

我建议你访问网站：https://social.msdn.microsoft.com/Forums/windowsapps/en-US/0565b55e-3daf-4eef-85ac-a8ab72af4e68/displaying-the-images-into-the-gridview/定期！

您似乎正在查询每张图像的行数，而不是与相关图像相关的图像。因此，您需要将数据库查询模式更改为如下所示的内容（它仅用于演示目的以保存嵌套数据集）：

       void BindGrid()
        {
            using (SqlConnection con = new SqlConnection("YOUR CONNECTION STRING"))
            {
                using (SqlDataAdapter personAdapter = new SqlDataAdapter("SELECT * FROM PersonTable", con))
                using (SqlDataAdapter personImagesAdapter = new SqlDataAdapter("SELECT * FROM PersonImages", con))
                {
                    DataSet dataSet = new DataSet("PersonAndImagesDataSet");
                    personAdapter.Fill(dataSet, "PersonTable");
                    personImagesAdapter.Fill(dataSet, "PersonImages");
                    DataRelation personWithImages = dataSet.Relations.Add("PersonAndImages", dataSet.Tables["PersonTable"].Columns["Id"],
     dataSet.Tables["PersonImages"].Columns["Person_Id"]);
                    if (grdGalleryData.DataSource == null)
                    {
                        grdGalleryData.DataSource = dataSet.Tables["PersonTable"];
                        grdGalleryData.DataBind();
                    }

                }
            }
        }

在 HTML 中，可以包含一个 ListView（或你选择的用于保存列表项的控件），并在 GridView 的数据绑定事件上执行以下操作：

ASPX 视图

 <asp:GridView ID="grdGalleryData"
        runat="server"
        Width="100%" border="1"
        Style="border: 1px solid #E5E5E5;"
        CellPadding="3"
        AutoGenerateColumns="False"
        AllowPaging="True"
        PageSize="3"
        CssClass="hoverTable"
        DataKeyNames="Id" OnRowDataBound="grdGalleryData_RowDataBound">
        <AlternatingRowStyle BackColor="#CCCCCC" />
        <Columns>
            <asp:TemplateField HeaderText="Select" ItemStyle-Width="30" HeaderStyle-CssClass="k-grid td">
                <ItemTemplate>
                    <asp:CheckBox ID="chkDelete" runat="server" />
                </ItemTemplate>
                <HeaderStyle CssClass="k-grid td"></HeaderStyle>
                <ItemStyle Width="30px"></ItemStyle>
            </asp:TemplateField>
            <asp:BoundField DataField="Id" HeaderText="Id" ItemStyle-Width="25" HeaderStyle-CssClass="k-grid td" />
            <asp:BoundField DataField="Name" HeaderText="Gallery title" ItemStyle-Width="25" HeaderStyle-CssClass="k-grid td" />
            <asp:TemplateField HeaderText="Images" ItemStyle-Width="25" HeaderStyle-CssClass="k-grid td">
                <ItemTemplate>
                    <asp:ListView runat="server" ID="lvImages" OnDataBinding="lvImages_DataBinding" >
                        <ItemTemplate>
                            <asp:Image ID="imgDisplay" runat="server" ImageUrl='<%#Eval("ImagePath")%>' Width="50px" Height="50px" />
                        </ItemTemplate>
                    </asp:ListView>
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>
    </asp:GridView>

数据绑定到列表视图 （C#）

protected void grdGalleryData_RowDataBound(object sender, GridViewRowEventArgs e)
{
            if (e.Row.RowType == DataControlRowType.DataRow)
            {
                var personId = Convert.ToInt32((e.Row.DataItem as DataRowView)["Id"]);
                var imageListView = e.Row.FindControl("lvImages") as ListView;
                //Just for demo purpose. Get only required image data based on the parent table id  in actual code.
                if (data == null)
                {
                    data = GetData();
                }
                //In below line, based on the parent table id , get the image data from data store. Just for brevity I am querying a complete dataset on every row data bind.
               //E.g: var resultRows =  DataStore.GetImage(int personId); and bind this to ListView directly.
                var resultRows = data.Tables["PersonImages"].AsEnumerable().Where(img => img.Field<int>("Person_Id") == personId); 
                DataTable dtImages = new DataTable();
                if (resultRows != null && resultRows.Count()>0)
                    dtImages = resultRows.CopyToDataTable();
                imageListView.DataSource = dtImages; //Here you should be assigning result table/collection that you get from data store.
                imageListView.DataBind();
            }
 }

希望这对你有帮助。