asp.net 完整GridView 分页 模板

最新推荐文章于 2023-05-26 17:14:17 发布
最新推荐文章于 2023-05-26 17:14:17 发布
阅读量1.3k 收藏 1
点赞数
分类专栏： asp.net/asp.net mvc/C# 文章标签： GridView
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/anihasiyou/article/details/9028091
版权 
<asp:GridView ID="GridView1" runat="server" Font-Size="Small" Font-Bold="true" DataKeyNames="ID"
                                                            EnableViewState="true" OnRowCommand="GridView1_RowCommand" ShowFooter="true" 
                                                            OnRowDataBound="GridView1_RowDataBound" OnSorting="GridView1_Sorting"                                                            
                                                            OnPageIndexChanging="GridView1_PageIndexChanging" 
                                                            OnSelectedIndexChanged="GridView1_SelectedIndexChanged"
                                                            CssClass="gridview" Width="1024px" AutoGenerateColumns="False" RowStyle-HorizontalAlign="center"
                                                            AllowSorting="true" EmptyDataText="没有数据" AllowPaging="True" PageSize="20" BorderColor="#93BEE2"
                                                            BorderWidth="1px" PagerStyle-HorizontalAlign="Right">
                                                            <HeaderStyle BackColor="#507CD1" Font-Size="9pt" Font-Bold="True" ForeColor="White" HorizontalAlign="Center" />
                                                            <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
                                                            <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
                                                            <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" Font-Size="X-Small" HorizontalAlign="Center" />
                                                            <EditRowStyle BackColor="#2461BF" />
                                                            <AlternatingRowStyle BackColor="#ffffff" />
                                                            <Columns>
                                                                <asp:TemplateField HeaderText="序号" SortExpression="ID" >
                                                                <ItemTemplate>
                                                                <asp:LinkButton ID="LinkButton1" CommandName="Select" CommandArgument='<%#Eval("ID") %>'  Font-Size="xx-Small" Width="60px" runat="Server" Text='<%# Eval("ID")%>' OnClick="lnkbtnGvEdit_Click"> <%# Eval("ID")%> </asp:LinkButton> </ItemTemplate>
                                                                </asp:TemplateField>
                                                                <asp:BoundField DataField="ShortName" HeaderText="客户简称" 
                                                                    ItemStyle-HorizontalAlign="Left" ItemStyle-Width="7%" ItemStyle-Font-Size="X-Small" />
                                                                <asp:BoundField DataField="Name" HeaderText="客户全称"
                                                                    ItemStyle-HorizontalAlign="Left" ItemStyle-Width="7%" ItemStyle-Font-Size="X-Small" />
                                                                <asp:BoundField DataField="Type" HeaderText="发票抬头"  ItemStyle-HorizontalAlign="Left"
                                                                    ItemStyle-Width="7%" ItemStyle-Font-Size="X-Small" />
                                                                <asp:BoundField DataField="sale" HeaderText="销售员" ItemStyle-HorizontalAlign="Left"
                                                                    ItemStyle-Width="7%" ItemStyle-Font-Size="X-Small" />
                                                                <asp:BoundField DataField="clientservice" HeaderText="客服" ItemStyle-HorizontalAlign="Left"
                                                                     ItemStyle-Width="4%" ItemStyle-Font-Size="X-Small" />
                                                                     <asp:BoundField DataField="stat" HeaderText="结算员" ItemStyle-HorizontalAlign="Left"
                                                                    ItemStyle-Width="6%" ItemStyle-Font-Size="X-Small" />
                                                                <asp:BoundField DataField="PayPerson" HeaderText="结算联系人" ItemStyle-HorizontalAlign="Left"
                                                                    ItemStyle-Width="8.5%" ItemStyle-Font-Size="X-Small" />
                                                                <asp:BoundField DataField="remarks" HeaderText="客户备注" ItemStyle-HorizontalAlign="Left"
                                                                    ItemStyle-Width="8%" ItemStyle-Font-Size="X-Small" />
                                                                <asp:BoundField DataField="ContactPerson" HeaderText="客户联系人" ItemStyle-HorizontalAlign="Left"
                                                                    ItemStyle-Width="8.5%" ItemStyle-Font-Size="X-Small" />
                                                                <asp:BoundField DataField="Tel" HeaderText="客户电话" ItemStyle-HorizontalAlign="Left"
                                                                    ItemStyle-Width="9.5%" ItemStyle-Font-Size="X-Small" />
                                                                    <asp:BoundField DataField="Mobil" HeaderText="客户手机" ItemStyle-HorizontalAlign="Left"
                                                                     ItemStyle-Width="9.5%" ItemStyle-Font-Size="X-Small" />
                                                                    <asp:BoundField DataField="Fax" HeaderText="客户传真" ItemStyle-HorizontalAlign="Left"
                                                                    ItemStyle-Width="9.5%" ItemStyle-Font-Size="X-Small" />
                                                                <asp:BoundField DataField="CLIENTNotes" HeaderText="客户对账单备注" ItemStyle-HorizontalAlign="Left"
                                                                     ItemStyle-Width="20%" ItemStyle-Font-Size="X-Small" />                                                                
                                                                
                                                                <asp:TemplateField HeaderText="编辑"  HeaderStyle-Width="3%">
                                                                    <HeaderTemplate>
                                                                    </HeaderTemplate>
                                                                    <ItemTemplate>
                                                                        <%--<asp:CheckBox ID="chk" runat="server" />--%>
                                                                        <asp:LinkButton ID="lnkbtnGvEdit" CssClass="lnkbtn" runat="server" CommandArgument='<%#Eval("ID") %>' Width="30px" Font-Size="X-Small" OnClick="lnkbtnGvEdit_Click">编辑</asp:LinkButton>
                                                                    </ItemTemplate>
                                                                </asp:TemplateField>
                                                            </Columns>
                                                            <RowStyle HorizontalAlign="Center" Height="25px" BackColor="#EFF3FB" />
                                                            <EmptyDataRowStyle ForeColor="Red" HorizontalAlign="Center" />
                                                            <pagertemplate>
                                                                <table width="100%">
                                                                  <tr>
                                                                    <td style="text-align:right">
                                                                    第<asp:Label id="lblPageIndex" runat="server" text='<%# ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex + 1  %>' />页
                                                                        共/<asp:Label id="lblPageCount" runat="server" text='<%# ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageCount  %>' />页 
                                                                     <asp:linkbutton id="btnFirst" runat="server" causesvalidation="False" commandargument="First" commandname="Page" text="首页" />
                                                                     <asp:linkbutton id="btnPrev"  runat="server" causesvalidation="False" commandargument="Prev"  commandname="Page" text="上一页" />
                                                                     <asp:linkbutton id="btnNext"  runat="server" causesvalidation="False" commandargument="Next"  commandname="Page" text="下一页" />                          
                                                                     <asp:linkbutton id="btnLast"  runat="server" causesvalidation="False" commandargument="Last"  commandname="Page" text="尾页" />                                            
                                                                     <asp:textbox    id="txtNewPageIndex" runat="server" width="20px" text='<%# ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex + 1  %>' />
                                                                     <asp:linkbutton id="btnGo" runat="server" causesvalidation="False" commandargument="-1" commandname="Page" text="跳转" />
                                                                     本页<asp:Label ID="lblCount" runat="server" text='<%# GridView1.Rows.Count  %>'/>条
                                                                     </td>
                                                                  </tr>
                                                                </table>
                                                            </pagertemplate>

                                                        </asp:GridView>
protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
    {
        //GridView1.PageIndex = e.NewPageIndex;
        GridView GridView1 = sender as GridView;  // refer to the GridView
        int newPageIndex = 0;
        if (-2 == e.NewPageIndex)
        { 
            TextBox txtNewPageIndex = null;// when click the "GO" Button
            //GridViewRow pagerRow = GridView1.Controls[0].Controls[GridView1.Controls[0].Controls.Count - 1] as GridViewRow; // refer to PagerTemplate
            GridViewRow pagerRow = GridView1.BottomPagerRow; //BottomPagerRow ,TopPagerRow，HeaderRow,FooterRow
            if (null != pagerRow)
            {
                txtNewPageIndex = pagerRow.FindControl("txtNewPageIndex") as TextBox;   // refer to the TextBox with the NewPageIndex value
            }
            if (null != txtNewPageIndex)
            {
                newPageIndex = int.Parse(txtNewPageIndex.Text) - 1; // get the NewPageIndex
            }
        }
        else
        {  
            newPageIndex = e.NewPageIndex;// when click the first, last, previous and next Button
        }
        newPageIndex = newPageIndex < 0 ? 0 : newPageIndex;// check to prevent form the NewPageIndex out of the range
        newPageIndex = newPageIndex >= GridView1.PageCount ? GridView1.PageCount - 1 : newPageIndex;

        GridView1.PageIndex = newPageIndex;// specify the NewPageIndex


        dataBind();
    }
public void GridView1_RowCommand(Object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            GridViewRow pagerRow = GridView1.BottomPagerRow;
            TextBox pageList = (TextBox)pagerRow.FindControl("txtNewPageIndex");
            GridView1.PageIndex = int.Parse(pageList.Text) - 1;// SelectedIndex;


            dataBind();
        }           
    }


anihasiyou
关注
专栏目录
ASP.NET中用gridView来实现分页
曹学成的博客
06-24 4407
如果数据过多是，页面底下会有一个页码。GridView就对这个做了很好的封装。  1先把属性AllowPaging设置为true，pagesize为每一页的行数，我在此例中设为3。  2添加四个boundfield，设置datafield（绑定的数据库中的字段）和headertext（页眉）。设置GridView的pageindexchanging事件 protected void GridVie...
ASP.NET GridView的Bootstrap分页样式
10-21
主要为大家详细介绍了ASP.NET GridView的Bootstrap分页样式,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
【转】ASP.NET-GridView的分页功能
rbwang的专栏
01-08 904
要实现GrdView分页的功能。操作如下：1、更改GrdView控件的AllowPaging属性为true。2、更改GrdView控件的PageSize属性为 任意数值（默认为10）3、更改GrdView控件的PageSetting->Mode为Numeric等（默认为Numeric）该属性为分页样式。GridView属性设置好了，从页面上也能看到分页样式。现在开始实现分页的功能：1、在后添加，O
ASP.NET GridView 分页模板及标题定制和加序号
FireGhost57的专栏
08-13 821
前台代码: <asp:GridView ID="GridView1" runat="server" width="100%" AllowPaging="True" PageSize="20" onrowdatabound="GridView1_RowDataBound" > 第页 共页
自定义GridView分页模板
aome1470的博客
03-22 143
GridView较之DataGrid提供了更加强大、更加完善的功能，而且具备了丰富的可扩展功能，可以使用GridView提供的pagertemplate自定义分页模板： 事实上，GridView默认的几中分页样式，都是将相关按钮的CommandName设为Page，而CommandArgument设为相关参数，可接受的参数包括，first，last，prev，next，<Page...
asp.net DataGrid GridView 表格之分页显示与翻页功能及自定义翻页页码样式
weixin_34177064的博客
07-23 319
一、实现分页功能 GridView实现分页只需要在属性框中将AllowPaging（是否在GridView中打开分页功能）设置为true即可 有时打开分页后不显示页码 确保AllowCustomPaging（是否打开对自定义分页的支持）为False即可 二、实现翻页功能 如何点击页码实现翻页呢？ 在属性框中事件选择设置PageIndexChanging（在Grid...
Asp.net GridView使用大全(分页实现)
10-27
1. GridView分页功能实现 GridView控件默认并不显示分页，需要手动设置和编写代码来实现分页功能。分页功能的实现分为两个主要步骤：设置GridView控件的属性和编写事件处理函数。 首先，设置GridView控件的属性： ...
ASP.NET中GridView和Repeater重复数据如何合并
01-20
在ASP.NET中，GridView和Repeater是两种常用的控件，用于展示数据集合。它们都具有高度自定义的能力，但处理重复数据时，需要通过编程来实现数据合并，以提高数据展示的效率和用户体验。以下是对这两种控件进行重复...
.net GridView分页模板的实例代码
01-01
代码如下://要在GridView中加入如下属性(前台还是后台看你的习惯了。) //实现分页 AllowPaging=”true” //一页数据10行  PageSize=”10″ // 分页时触发的事件OnPageIndexChanging=”gvwDesignationName_...
ASP.NET GridView利用PagerTemplate自定义分页
weixin_33849942的博客
04-17 278
前端： <asp:GridView ID="GridView1" runat="server" AllowPaging="True"> <PagerTemplate> 当前第: <%--//((G...
asp.net gridview自定义分页
05-13
数据量很大时，使用gridview内置的分页功能，页面加载会非常慢。此处自定义分页是在需要时才加载当页数据。 示例中包含完整的Sql数据库访问类（考虑到了存储过程的使用），也可以适应不同的数据库，简单的修改代码即可使用。 示例逻辑层采用存储过程访问数据库，加快访问速度。此外Sql语句已经打包。对于想进一步学习gridview的朋友绝对是个好资源……
GridView分页整套精美样式
10-18
GridView自定义分页整套精美样式，样式采用CSS。
ASP.NET GridView分页
xuanmu
03-17 1874
1 GridView实现分页只需要在属性框中将AllowPaging（是否在GridView中打开分页功能）设置为true即可 有时打开分页后不显示页码 按下图修改 确保AllowCustomPaging（是否打开对自定义分页的支持）为False即可 二、实现翻页功能 在属性框中事件选择设置PageIndexChanging（在Grid View的当前索引页正在更改事触发）这一事件 后台代...
asp.net 中的gridview 之gridview 分页
日拱一卒无有尽，功不唐捐终入海
06-30 3337
在web开发中我们通常都会用到asp.net 中的gridview  分页以便更好的展示数据，现在就让我们共同学习一下gridview 分页，这是本人的分页代码，也许不是最简单的，但是可以使用。 1.前端代码，分页主要代码用红色标记 <asp:GridView runat="server" ID="gvDataList" AutoGenerateColumns="False" Da
简单的asp.net gridview模板
feiyuncheng的专栏
08-04 780
HTML:                             AllowPaging="True"                 AutoGenerateColumns="False"                 onrowcancelingedi
ASP.Net中Gridview设置分页
最新发布
weixin_44171249的博客
05-26 1197
GridView分页
ASP.NET中GridView的自定义分页
myvv_net的专栏
05-16 680
在ASP.NET 2.0种提供了GridView控件。该控件的分页比较方便，可以通过在Visual Studio .NET 2005种简单设置即可实现各种分页功能。1. 默认分页方式(1) 是否允许分页GridView的AllowPaging属性。(2) 每页记录数GridView的PageSize(3) 分页导航条形式GridView的PagerSettings属性的
控制GridView自带的分页样式
weixin_30335353的博客
03-23 222
protectedvoidGridView1_RowDataBound(objectsender,GridViewRowEventArgse){if(e.Row.RowType==DataControlRowType.Pager){System.Web.UI.ControlCollectioncls=e.Row.Controls[0].C...
简单实用且美观的GridView分页
xz_wanyuan的专栏
02-25 558
将下面这段代码直接拷贝到GridView当中                                                                                                        总共">页                                                              
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值