将图像添加到CodeBehind中创建的GridView

时间:2015-06-09 15:09:00

标签: c# asp.net gridview datatable

我要做的第一件事是创建一个Datatable,然后将其绑定到GridView 这是我的代码

 DataTable dt = new DataTable();
 DataColumn imgC = dt.Columns.Add("img", typeof(string));
 DataRow  row1 = dt.NewRow();
 row1["img"] = "~images/foo.png";

 GridView gv = new GridView();
 gv.DataSource = dt;
 gv.DataBind();
 cust_services.Controls.Add(gv);

我不知道从哪里开始,因为它只是显示文字,我尝试创建一个图像而只是写作

row1["img"] = img;

2 个答案:

答案 0 :(得分:2)

您可以在<asp:ImageField/>中使用Gridview来实现此目的。所以你的标记看起来像

<asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="false">
    <Columns>
        <asp:ImageField DataImageUrlField="Value" ControlStyle-Width="100" ControlStyle-Height="100" HeaderText="My Image" />
    </Columns>
</asp:GridView>

在C#代码中,您可以使用List添加图片。所以像

这样简单
List<ListItem> files = new List<ListItem>();
files.Add(new ListItem("~/Images/SomeImage.jpg"));

GridView2.DataSource = files;
GridView2.DataBind();

这只会向网格添加一个图像。如果要将所有图像添加到特定目录中的网格,则只需使用foreach循环。

string[] filePaths = Directory.GetFiles(Server.MapPath("~/Images/"));
    List<ListItem> files = new List<ListItem>();
    foreach (string filePath in filePaths)
    {
        string fileName = Path.GetFileName(filePath);
        files.Add(new ListItem(fileName, "~/Images/" + fileName));
    }
    GridView2.DataSource = files;
    GridView2.DataBind();

答案 1 :(得分:0)

您的绑定是正确的,但您还需要将图像绑定到GridView中的ImageField。

<asp:ImageField DataImageUrlField="BoundName"></asp:ImageField>