在使用DataGrid 的時(shí)候,總是會(huì )有各種各樣的需求,在和數據庫打交道的項目中用的最多的恐怕就屬DataGrid 了吧,微軟有時(shí)候做的就差那么一點(diǎn)點(diǎn),所以就需要我們自己來(lái)動(dòng)手實(shí)現啦.
DataGrid 自定義分頁(yè)導航
無(wú)需任何其他第三方控件,在DataGrid 自己分頁(yè)的基礎上再個(gè)性化一點(diǎn).
效果：
讓DataGrid自己的分頁(yè)實(shí)現這樣的效果
[1][2][3][4][5][6]
讓DataGrid自己的分頁(yè)實(shí)現這樣的效果
[1][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) //當前頁(yè)數
{
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) //鏈接的其他頁(yè)數
{
LinkButton linkButton = (LinkButton)c;
linkButton.Text = "[" + linkButton.Text+"]";
}
}
}
}
DataGrid等控件中的自動(dòng)編號：
添加一個(gè)模版列：
<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中創(chuàng )建復雜表頭 方法一：用table實(shí)現
<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>
窗體頂端
窗體底端
方法二：動(dòng)態(tài)生成表頭
生成雙層表頭:
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("
strtext.Append("<td colspan=4>生活照明</td>");
strtext.Append("<td colspan=2>一般照明</td>");
strtext.Append("<td colspan=2>工付業(yè)</td>");
strtext.Append("<td colspan=2>農業(yè)</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();
}
}
整個(gè)表頭內容：<tr><td> e.Item.Cells[0].Text =的內容 </td></tr>
加起來(lái)就是表頭的樣式。
生活照明
一般照明
工付業(yè)
農業(yè)
合計
生成三層表頭:
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>工付業(yè)</td>");
strtext.Append("</tr>");
strtext.Append("<tr>");
strtext.Append("<td>" + e.Item.Cells[0].Text);
e.Item.Cells[0].Text =strtext.ToString();
}
當月
居民
一般
工付業(yè)
