DataGrid使用技巧小总结

DataGrid 自定义分页导航

效果：  

让DataGrid自己的分页实现这样的效果

[1[/b]][2][3][4][5][6]

  

private void grid_ItemCreated(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)

  {

   if(e.Item.ItemType==ListItemType.Pager)

   {    

    foreach (Control c in e.Item.Cells[0].Controls)

    {

     if (c is Label)  //当前页数

     {

        Label lblpage=(Label)c;

//      lblpage.ForeColor= System.Drawing.ColorTranslator.FromHtml("#e78a29"); //#e78a29 ,#FF0000     

//      lblpage.Font.Bold=true;

        lblpage.Text="[<font color=#e78a29><b>"+lblpage.Text+"</b></font>]";     

      //((Label)c).ForeColor = System.Drawing.Color.Green;      

//      break;

     }

     if(c is LinkButton) //链接的其他页数

     {      

         LinkButton linkButton = (LinkButton)c;       

         linkButton.Text = "[" + linkButton.Text+"]";

     }

    }    

   }

  }

 

 

DataGrid等控件中的自动编号：

添加一个模版列：

<asp:TemplateColumn HeaderText="No.">

    <ItemStyle HorizontalAlign="Center"></ItemStyle>

    <ItemTemplate>

        <asp:Label runat="server" Text='<%# dgCustomize.CurrentPageIndex*dgCustomize.PageSize+dgCustomize.Items.Count+1 %>'>

        </asp:Label>

    </ItemTemplate>

</asp:TemplateColumn>

 

 

DataGrid中创建复杂表头

方法一：用table实现

  <form id="Form1" method="post" runat="server">

   <TABLE id="Table1" runat="server" cellSpacing="1" cellPadding="2" width="580" border="1"

    bgcolor="#cc6633" bordercolor="#cc9966" style="FONT-SIZE:9pt;BORDER-BOTTOM:0px">

    <TR align="center">

     <TD colspan="2" width="380" style="HEIGHT: 21px"></TD>

     <TD width="200" colspan="2" style="HEIGHT: 21px"></TD>

    </TR>

    <TR align="center">

     <TD width="200" bgcolor="#66cc99"><FONT face="宋体"></FONT></TD>

     <TD width="180" bgcolor="white"><FONT face="宋体"></FONT></TD>

     <TD width="160" bgcolor="#99cccc"></TD>

     <TD width="40" bgcolor="#009999"></TD>

    </TR>

   </TABLE>

   <asp:DataGrid id="DataGrid1" width="580px" AlternatingItemStyle-BackColor="#6699ff" CellPadding="2"

    CellSpacing="1" BorderWidth="1" BorderColor="#cc9966" Font-Size="9pt" runat="server" ShowHeader="False"

    AutoGenerateColumns="False">

    <Columns>

     <asp:BoundColumn DataField="Title">

      <ItemStyle Width="200px"></ItemStyle>

     </asp:BoundColumn>

     <asp:BoundColumn DataField="CreateDate">

      <ItemStyle Width="180px"></ItemStyle>

     </asp:BoundColumn>

     <asp:BoundColumn DataField="pid">

      <ItemStyle Width="160px"></ItemStyle>

     </asp:BoundColumn>

     <asp:BoundColumn DataField="HitCount">

      <ItemStyle Width="40px"></ItemStyle>

     </asp:BoundColumn>

    </Columns>

   </asp:DataGrid>   

  </form> 

窗体顶端

窗体底端

方法二：动态生成表头

生成双层表头:

  private void grid_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)

  {

   if (e.Item.ItemType == ListItemType.Header)

   {

//    e.Item.Cells[0].ColumnSpan = 1;//这是第一列的跨列数

    StringBuilder strtext=new StringBuilder();

    strtext.Append("\\</td>");

    strtext.Append("<td colspan=4>生活照明</td>");

    strtext.Append("<td colspan=2>一般照明</td>");

    strtext.Append("<td colspan=2>工付业</td>");

    strtext.Append("<td colspan=2>农业</td>");

    strtext.Append("<td colspan=2>合计</td>");

    strtext.Append("</tr>");

    strtext.Append("<tr>");

    strtext.Append("<td>" + e.Item.Cells[0].Text);               

    e.Item.Cells[0].Text =strtext.ToString();

   }

}

整个表头内容：<tr><td>  e.Item.Cells[0].Text =的内容  </td></tr>

加起来就是表头的样式。

生活照明	一般照明	工付业	农业	合计

 

生成三层表头:

if (e.Item.ItemType == ListItemType.Header)

   {    

    StringBuilder strtext=new StringBuilder();

    strtext.Append("</td>");

    strtext.Append("<td colspan= 6>当月</td>");

    strtext.Append("</tr>");

 

    strtext.Append("<tr>"); 

    strtext.Append("<td colspan=2>居民</td>");

    strtext.Append("<td colspan=2>一般</td>");

    strtext.Append("<td colspan=2>工付业</td>");

    strtext.Append("</tr>");

 

    strtext.Append("<tr>");

    strtext.Append("<td>" + e.Item.Cells[0].Text);               

    e.Item.Cells[0].Text =strtext.ToString();

   }

 

当月
居民	一般	工付业

http://blog.csdn.net/litp/