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