Asp.net的gridview水平布局

我有一个在gridview中的图库，显示来自数据库的图片。Asp.net的gridview水平布局

我需要在水平布局中显示gridview。

现在照片是从上到下排列的，我该如何更改gridview，以便它将在一行中显示从左到右的图片？

HTML代码：

<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();

con.Close（）;

来源

2013-10-11 Gilad Adar

使用DataList与RepeatDirection水平代替。

因为您想要显示单个列，所以可以工作。

<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>

来源

2013-10-11 11:30:30

感谢您的代码，我把在“imageValue时”我的表分贝IMAGE_PATH列，但图片是空白出于某种原因，我应该放什么“ ImageValue“？ ImageUrl ='<％＃DataBinder.Eval（Container.DataItem，“ImageValue”）％>' –

你看了html的源代码吗？图像的“src”是什么？它们是正确的吗？ –

@GiladAdar：在浏览器中单击鼠标右键并选择_View Source_。然后搜索ID并查看ASP.NET生成的内容。 –

使用此

<asp:DetailsView ID="DetailsView1" runat="server" Height="50px" Width="125px"> 
       </asp:DetailsView>

来源

2016-07-23 11:39:19

Asp.net的gridview水平布局

回答

相关问题