網站開發

DataGrid 自定義分頁導航

無需任何其他第三方控件,在DataGrid 自己分頁的基礎上再個性化一點.
效果：??

讓DataGrid自己的分頁實現這樣的效果
[1][2][3][4][5][6]

??

讓DataGrid自己的分頁實現這樣的效果
[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)? //當前頁數
?????{
??????? 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();
???}