gridview系列---TemplateField

 

Code

   
      <asp:GridView ID="GridView1" runat="server" AllowPaging="True" CssClass="tablecloth-theme" 
 AllowSorting="True" AutoGenerateColumns="False" PageSize="4"
 EmptyDataText="对不起,暂无数据记录！！" HorizontalAlign="Left" 
 Width="100%" 
 style="text-align: left" onpageindexchanging="GridView1_PageIndexChanging" 
 onrowdatabound="GridView1_RowDataBound" >
 <FooterStyle HorizontalAlign="Center" Height="8px"/>
 <RowStyle Height="10px" BorderColor="#FFFFCC" BorderStyle="Dotted" BorderWidth="1px" CssClass="data-row" 
 HorizontalAlign="Left" />
 <AlternatingRowStyle CssClass="alt-data-row" />
 
 <Columns>
 <asp:TemplateField HeaderText="供求列表" >
 <ItemTemplate>
 <img alt="" src="image/list.gif" /> <a href='s_showSupply.aspx?id=<%#DataBinder.Eval(Container.DataItem, "s_id") %> ' target="_blank">
 <%#SubStr(Convert.ToString(DataBinder.Eval(Container.DataItem, "s_title")), 15)%> </a>
 
 </ItemTemplate>
 </asp:TemplateField>
 
 <asp:TemplateField HeaderText="发布时间" >
 <ItemStyle Width="80px" />
 <ItemTemplate>
 
 [<%#DataBinder.Eval(Container.DataItem, "s_pubdate", "{0:yyyy-MM-dd}")%>]
 

 
 
 </ItemTemplate>
 </asp:TemplateField>
 
 
 <asp:BoundField DataField="s_enable" HeaderText="状态" /> 
 
 </Columns>
 <RowStyle BorderWidth=1/>
 <PagerStyle HorizontalAlign="Right" Height="5px"/>
 <HeaderStyle BorderStyle="Dotted"
 Height="10px" HorizontalAlign="Left" />
 </asp:GridView>

  <asp:TemplateField HeaderText="供求列表" >
                                        <ItemTemplate>
                              <img alt="" src="image/list.gif" /> <a href='s_showSupply.aspx?id=<%#DataBinder.Eval(Container.DataItem, "s_id") %> ' target="_blank">
  <%#SubStr(Convert.ToString(DataBinder.Eval(Container.DataItem, "s_title")), 15)%>  </a>
                              
                                        </ItemTemplate>
                                    </asp:TemplateField>

可以用来绑定需要的数据，提供链接等功能，这里用到一个上面一个缩略字符的方法

 [<%#DataBinder.Eval(Container.DataItem, "s_pubdate", "{0:yyyy-MM-dd}")%>]
同时这里还用到一个绑定时间表达式的格式化方法，通过这个方法可以提高用户体验，显示你设计的时间显示方式
{0:yyyy-MM-dd}