前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >C# Datalist 多列及Image中图片路径的绑定

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

作者头像
崔文远TroyCui
发布2019-02-26 15:35:28
1.5K0
发布2019-02-26 15:35:28
举报
文章被收录于专栏:远在上海远在上海远在上海

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2014年5月20日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档