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();     } }

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

easyui datagrid自定义按钮列,即最后面的操作列

转自:http://blog.csdn.net/thc1987/article/details/17305491 做项目的时候因为需求,要在表格的最后添加一列操作列,easyUI貌似没有提供...

easyui datagrid自定义按钮列,即最后面的操作列

在很多时候我们要在表格的最后添加一列操作列,easyUI貌似没有提供种功能,不过没关系,我们可以自定义来实现 首先是HTML部分 ...

EasyUI中,datagrid页码上的自定义按钮不显示问题

在分页Datagrid上,如果把定义分页上按钮的代码放在定义分页的JS代码前面,那么自定义的按钮就无法显示。...

easyui datagrid自定义按钮列,即最后面的操作列(第二种方法)

做项目的时候因为需求,要在表格的最后添加一列操作列,easyUI貌似没有提供这种功能,不过没关系,我们可以自定义来实现 版本:jquery easyUI 1.3.2...
  • thc1987
  • thc1987
  • 2014年06月24日 16:54
  • 1465

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

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

easyui datagrid自定义按钮列,即最后面的操作列

做项目的时候因为需求,要在表格的最后添加一列操作列,easyUI貌似没有提供这种功能,不过没关系,我们可以自定义来实现 版本:jquery easyUI 1.3.2 这里我的实现方式是采用HTML...

easyui datagrid自定义按钮列,即最后面的操作列(实现方式一)

easyui datagrid自定义按钮列,即最后面的操作列

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

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

Swift自定义导航栏返回按钮

如何去除swift系统自带的导航栏返回按钮?可以自定义返回按钮在swift中,怎么替换系统自带的导航栏返回按钮?比如说我要替换成一张返回按钮图片,点击返回到上一页首先,看一下系统自带的导航栏返回按钮的...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:DataGrid自定义导航按钮
举报原因:
原因补充:

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