Asp.net 网格视图水平布局

本文关键字：水平 布局 视图 网格 net Asp | 更新日期: 2023-09-27 18:35:01

>我在 gridview 中有一个库，显示数据库中的图片。

我需要在水平布局中显示网格视图。

现在图片是从上到下组织的，如何更改网格视图，以便它将在一行中从左到右显示图片？

网页代码：

<asp:GridView ID="GridView3" class="GridView1" runat="server" Width="400px" AutoGenerateColumns="False" Height="90px"
                    CellPadding="4" GridLines="Horizontal">
        <Columns>
            <asp:ImageField DataImageUrlField="Image_path" DataImageUrlFormatString="~/Pic/{0}" HeaderText="Images">
                <ControlStyle Height="100px" Width="100px" />
            </asp:ImageField>               
        </Columns>
</asp:GridView>

C# 代码：

 con.Open();
    cmd = new SqlCommand("select image_path from tblImages", con);
    da = new SqlDataAdapter(cmd);
    dt = new DataTable();
    da.Fill(dt);
    GridView3.DataSource = dt;
    GridView3.DataBind();

缺点。关闭((;

Asp.net 网格视图水平布局

改用RepeatDirection水平的DataList。

这有效，因为您无论如何都想显示一列。

<asp:DataList id="Images" 
       RepeatDirection="Horizontal"
       RepeatLayout="Table"
       RepeatColumns="0" runat="server">
     <HeaderStyle BackColor="#aaaadd">
     </HeaderStyle>
     <AlternatingItemStyle BackColor="Gainsboro">
     </AlternatingItemStyle>
     <HeaderTemplate>
        Images ...
     </HeaderTemplate>
     <ItemTemplate>
        <asp:Image id="ProductImage"
             AlternatingText='<%# DataBinder.Eval(Container.DataItem, "StringValue") %>'
             ImageUrl='<%# Eval("image_path","~/Images/{0}") %>' />
             runat="server"/>
     </ItemTemplate>
</asp:DataList>

使用这个 

<asp:DetailsView ID="DetailsView1" runat="server" Height="50px" Width="125px">
                </asp:DetailsView>
相关文章：