C# Datalist 多列及Image中图片路径的绑定

今天搞公司三放心员工评选的程序,最后的评选是那种带头像,下面是评选星级和点赞的那种,平常的都是数据管理,用Gridview比较多,今天学习和尝试多列的绑定可以使用Repeater,也可以用Datalist。我最后用了Datalist,简单好用。整理到这里,备自己以后用。

<br/><asp:DataList ID="dlFinalTarget" runat="server" Width="99%" RepeatColumns="6" <br/>RepeatDirection="Horizontal"><br/><ItemTemplate><br/><table cellspacing="5" style="border:#ccc 1px solid; width:150px; margin-bottom:10px;"><br/>    <tr><br/>        <td align="center"><br/>            <asp:Image ID="imgPhoto" runat="server" Width="150px" Height="180px" ImageUrl='<%# DataBinder.Eval(Container.DataItem, "TargetEmployeeNumber","images/{0}.jpg")%>' ToolTip='<%# DataBinder.Eval(Container.DataItem, "TargetName")%>' /><br /><br/>            <asp:Image ID="imgStar" runat="server" Width="150px" Height="35px" ImageUrl='<%# DataBinder.Eval(Container.DataItem, "Star","images/star{0}.jpg")%>' /><br /><br/>            <a href="SanFangXinFinalTargetList.aspx?Action=Vote&SupportTypeId=1&Id=<%# DataBinder.Eval(Container.DataItem, "Id")%>"><img src="images/support.jpg" alt="赞" width="30" height="30" border="0" /></a><br/>                        <br/>            <a href="SanFangXinFinalTargetList.aspx?Action=Vote&SupportTypeId=2&Id=<%# DataBinder.Eval(Container.DataItem, "Id")%>"><img src="images/nonsupport.jpg" alt="赞" width="30" height="30" border="0" /></a><br/>        </td><br/>    </tr><br/></table><br/></ItemTemplate><br/></asp:DataList><br/>

其中有一点,绑定图片控件的时候,有个路径的问题,如果在前台绑定,请用一下方法。

<br/><asp:Image ID="imgStar" ImageUrl='<%# Eval("Name","~/Images/{0}.jpg") %>' style="width:200px" runat="server" /><br/>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券