DataGrid自定义导航按钮

原创 2007年09月29日 13:14:00

VS中的DataGrid相信大家都很熟悉了, 功能十分的强大,唯一觉得有点遗憾的是分页导航,效果不是十分的完美,所以自己写了个自定义导航按钮。代码如下:

(数据表引用数据库Northwind中的products表。)

VS2003

DataGridNavig.aspx

    <body MS_POSITIONING="GridLayout">         <form id="Form1" method="post" runat="server">             <table>                 <tr>                     <td>                         <asp:DataGrid id="myDataGrid" runat="server" Width="320px" Height="184px" AllowSorting="True"                             ShowFooter="True" PageSize="5" AllowPaging="True" BorderColor="#E7E7FF" BorderStyle="None"                             BorderWidth="1px" BackColor="White" CellPadding="3" GridLines="Horizontal">                             <SelectedItemStyle Font-Bold="True" ForeColor="#F7F7F7" BackColor="#738A9C"></SelectedItemStyle>                             <AlternatingItemStyle BackColor="#F7F7F7"></AlternatingItemStyle>                             <ItemStyle ForeColor="#4A3C8C" BackColor="#E7E7FF"></ItemStyle>                             <HeaderStyle Font-Bold="True" ForeColor="#F7F7F7" BackColor="#4A3C8C"></HeaderStyle>                             <FooterStyle ForeColor="#4A3C8C" BackColor="#B5C7DE"></FooterStyle>                             <Columns>                                 <asp:TemplateColumn HeaderText="ID">                                     <ItemTemplate>                                         <%#DataBinder.Eval(Container.DataItem,"ProductID")%>                                     </ItemTemplate>                                 </asp:TemplateColumn>                                 <asp:TemplateColumn HeaderText="ProductName">                                     <ItemTemplate>                                         <%#DataBinder.Eval(Container.DataItem,"ProductName")%>                                     </ItemTemplate>                                 </asp:TemplateColumn>                                 <asp:TemplateColumn HeaderText="UnitPrice">                                     <ItemTemplate>                                         <%#DataBinder.Eval(Container.DataItem,"UnitPrice","{0:C}")%>                                     </ItemTemplate>                                 </asp:TemplateColumn>                             </Columns>                             <PagerStyle HorizontalAlign="Right" ForeColor="#4A3C8C" BackColor="#E7E7FF" Mode="NumericPages"></PagerStyle>                         </asp:DataGrid>                     </td>                 </tr>                 <tr>                     <td align="right">                         共<%=this.myDataGrid.PageCount - 1%>                         页 第<%=this.myDataGrid.CurrentPageIndex + 1%>                        <asp:LinkButton ID="btnFirst" Runat="server"></asp:LinkButton>                         <asp:LinkButton ID="btnNext" Runat="server"></asp:LinkButton>                         <asp:LinkButton ID="btnPrev" Runat="server"></asp:LinkButton>                         <asp:LinkButton ID="btnLast" Runat="server"></asp:LinkButton>                         转                         <asp:TextBox ID="txtPageIndex" Runat="server" Width="32px"></asp:TextBox>                         页                         <asp:Button ID="btnRect" Text="" Runat="server" Width="24px"></asp:Button>                     </td>                 </tr>             </table>         </form>     </body>

DataGridNavig.aspx.cs

private void Page_Load(object sender, System.EventArgs e) ...{     if(!IsPostBack)     ...{         this.GridBund();//绑定数据         this.btnFirst.Text= "首页";         this.btnNext.Text= "下一页";         this.btnPrev.Text = "上一页";         this.btnLast.Text = "最后页";     }          } private void  GridBund() ...{     string stringSql = "select productID,productName,UnitPrice from products";     DataSet ds = SQLHelper.ExecuteDataSet(stringSql);     this.myDataGrid.DataSource = ds.Tables[0].DefaultView;     this.myDataGrid.DataBind(); } /**//// <summary> /// 分页 /// </summary> private void myDataGrid_PageIndexChanged(object source,DataGridPageChangedEventArgs e) ...{     try     ...{         this.myDataGrid.CurrentPageIndex = e.NewPageIndex;     }     catch     ...{         this.myDataGrid.CurrentPageIndex = 0;     }     finally     ...{         this.GridBund();     } } /**//// <summary> /// 首页 /// </summary> private void btnFirst_Click(object sender, System.EventArgs e) ...{     this.myDataGrid.CurrentPageIndex = 0;     this.GridBund(); } /**//// <summary> /// 下一页 /// </summary> private void btnNext_Click(object sender, System.EventArgs e) ...{     if(this.myDataGrid.CurrentPageIndex < (this.myDataGrid.PageCount - 1))     ...{         this.myDataGrid.CurrentPageIndex += 1;         this.GridBund();     } } /**//// <summary> /// 上一页 /// </summary> private void btnPrev_Click(object sender, System.EventArgs e) ...{     if(this.myDataGrid.CurrentPageIndex > 0)     ...{         this.myDataGrid.CurrentPageIndex -= 1;         this.GridBund();     } } /**//// <summary> /// 最后页 /// </summary>          private void btnLast_Click(object sender, System.EventArgs e) ...{     this.myDataGrid.CurrentPageIndex = (this.myDataGrid.PageCount -1);     this.GridBund(); } /**//// <summary> /// 转到第几页 /// </summary> private void btnRect_Click(object sender, System.EventArgs e) ...{     int num = Int32.Parse(this.txtPageIndex.Text);     if(num <= 0 || num > (this.myDataGrid.PageCount -1))         return;     else     ...{         this.myDataGrid.CurrentPageIndex = (num - 1);         this.GridBund();     } }

 如果有更好的方法,大家一起交流!^ ^

datagrid 导航按钮控制

1.在每个按钮里写上同样的:PageButton_Click(sender,e);2.PageButton_Click(sender,e)方法:private void PageButton_Clic...
  • hufengwen
  • hufengwen
  • 2006年10月25日 11:43
  • 462

easyui datagrid 自定义按钮列(4)

1.源码 content="easyui help you build your web page easily!"> 创建Datagrid按钮列 href="./javascript/j...
  • yb305
  • yb305
  • 2017年01月12日 11:59
  • 778

【easyui】datagrid中增加按钮样式

1 首先,在datagrid的数据列format一个动态的btnvar btn = '抛出'; 2 然后,在onloadSuccess的时候,根据btn的class或者id,动态的改变按钮的样式$('...
  • xuexiiphone
  • xuexiiphone
  • 2016年12月17日 14:19
  • 1435

easyUI自定义DataGrid分页栏

@author 雨泽 datagrid内置一个很好特性的分页功能,自定义也相当简单,在这个教程中,我们将创建一个datagrid 和添加一些自定义按钮在分页工具栏. 查看...
  • me4405801
  • me4405801
  • 2016年01月07日 10:38
  • 363

选项卡风格的页面导航——DataGrid控件

先给控件添加两个属性:AllowTabbedPager和UnSelectedTabColor属性。AllowTabbedPager属性可以启用一种新的带选项卡的页面导航模式,而UnSelectedTa...
  • zsulwq0915
  • zsulwq0915
  • 2007年12月13日 14:51
  • 661

JQuery easyUi datagrid 中 自定义editor作为列表操作按钮列

前言 JQuery easyUi datagrid 中 使用datagrid生成数据列表后,需要在每一行加入一个操作按钮列,按钮在默认非编辑状态下是不显示的,需要激活行编辑状态下才显示,故不能再fo...
  • tianlincao
  • tianlincao
  • 2012年04月24日 17:10
  • 31262

自定义导航按钮UIBarButtonItem

iOS系统导航栏中有leftBarButtonItem和rightBarButtonItem,我们可以根据自己的需求来自定义这两个UIBarButtonItem。...
  • conslee
  • conslee
  • 2015年08月03日 16:22
  • 790

iOS 自定义导航栏背景,左侧按钮,右侧按钮,及标题

一:导航栏的背景颜色如何设置 控制器是UINavigationController[self.navigationBar setBackgroundImage:[UIImage imageNamed...
  • TechAlleyBoy
  • TechAlleyBoy
  • 2017年04月01日 15:15
  • 8060

自定义datagrid分页按钮

(一).显示截图效果   (二).代码   1. *.aspx文件代码            WebForm1        http://schemas.microsoft.com/intellis...
  • xl_0715
  • xl_0715
  • 2007年11月01日 14:09
  • 385

导航右边按钮按钮(图片/文字)

文字按钮 #pragma mark 创建收款纪录按钮(导航右边) /** * 创建收款纪录按钮(导航右边) */ -(void)createPaymentRecord{ UIButton...
  • jianandjan
  • jianandjan
  • 2015年11月13日 09:45
  • 714
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:DataGrid自定义导航按钮
举报原因:
原因补充:

(最多只允许输入30个字)