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

2019-02-26 15:35:28 浏览数 (1)

今天搞公司三放心员工评选的程序,最后的评选是那种带头像,下面是评选星级和点赞的那种,平常的都是数据管理,用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 人点赞