我想做一个用datalist显示图片列表,像下面的图这样, 但是不会,请教一下各位大佬这要怎么做
<%@ Page Language="C#" EnableSessionState="True" %>
<%@ Import Namespace="System.Data" %><!doctype html><html><head>
<meta charset="utf-8" />
<style>body{font-size:0.8rem}input{border:solid 1px #999}</style>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
DataTable dt = new DataTable();
dt.Columns.Add("img"); dt.Columns.Add("no"); dt.Columns.Add("name"); dt.Columns.Add("id");
DataRow dr = dt.NewRow(); dr["id"] = "1";dr["no"] = "1"; dr["name"] = "1"; dr["img"] = "1.jpg"; dt.Rows.Add(dr);
dr = dt.NewRow(); dr["id"] = "2";dr["no"] = "1"; dr["name"] = "2"; dr["img"] = "2.jpg"; dt.Rows.Add(dr);
dlList.DataSource = dt; dlList.DataBind();
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:DataList runat="server" ID="dlList" RepeatColumns="3" CellPadding="10">
<ItemTemplate><table><tr><td><img src="<%#Eval("img") %>" /></td></tr>
<tr><td>产品编号:<%#Eval("no") %></td></tr>
<tr><td>产品名称:<%#Eval("name") %></td></tr>
<tr><td><input type="checkbox" value="<%#Eval("id") %>" />已停用 <a href="edit.aspx?id=<%#Eval("id") %>">编辑</a> <a href="#" onclick="if(confirm('确认删除?!'))location='delete.aspx?id=<%#Eval("id") %>';return false;">删除</a></td></tr></table></ItemTemplate>
</asp:DataList>
</form>
</body>
</html>