GridView分页-第一，最后，下一个，上一个

如何解决GridView分页-第一，最后，下一个，上一个

|| 是否可以添加： GridView分页的“第一，最后，下一个，上一个”选项？我似乎无法弄清楚。我所能得到的是数字，最后一个是>>，第一个是<< ...     

解决方法

设置PagerSettings部分的PageText属性的值：

<asp:GridView ID=\"gridView\" runat=\"server\" AllowPaging=\"True\">
    <PagerSettings  Mode=\"NextPreviousFirstLast\" FirstPageText=\"First\" PreviousPageText=\"Previous\" NextPageText=\"Next\" LastPageText=\"Last\" />
</asp:GridView>

您也可以从设计器的“属性”窗口中设置这些值。     ,GridView的默认分页器不灵活。 替代品是这些 使用GridView的分页器模板（MSDN的GridView PagerTemplate属性） 扩展GridView控件以支持DataPager（此处为示例）     ,是的，可以使用gridview的PagerSettings属性，只需将PagerSetting的Mode设置为\'NextPreviousFirstLast \'，以便可以使用\“ First，Last，Next，Previous \ Previous \”选项对gridview进行分页。

  <PagerSettings  Mode=\"NextPreviousFirstLast\" FirstPageText=\"First\" PreviousPageText=\"Previous\" NextPageText=\"Next\" LastPageText=\"Last\" />

模式还有另外三个属性，例如\“ NextPrevious \”，\“ Numeric \”和\“ NumericFirstLast \” 使用它们.. 下一个上一个：

 <PagerSettings Mode=\"NextPrevious\" PreviousPageText=\"Previous\" NextPageText=\"Next\"/>

数值：

  <PagerSettings  Mode=\"Numeric\" />

NumericFistLast：

      <PagerSettings  Mode=\"NumericFistLast\" />

    ,在这里输入图像描述我们还可以在gridview中组合数字以及第一个和最后一个自定义按钮 为此，我们需要在gridview中启用常规分页 然后设置pagerstyle 这将显示带数字的常规分页。 对于自定义的第一个和最后一个按钮 为此写jQuery代码 $（document）.ready（function（）{             //对于在寻呼机第一位置的第一个按钮，请使用prepend方法             $（\'。gridviewPager \'）。closest（\'tr \'）。find（\'table tbody tr \'）。prepend（\'First \'）;               //对于分页器最后位置的Last按钮，请使用append方法             $（\'。gridviewPager \'）。closest（\“ tr \”）。find（\“ table tbody tr \”）。append（\'Last \'）;         }） 带有第一个和最后一个按钮的寻呼机

 <script type=\"text/javascript\">
        $(document).ready(function () {
            $(\'.gridviewPager\').closest(\'tr\').find(\'table tbody tr\').prepend(\'<td><a href=\"javascript:__doPostBack(\' + \"\'ctl00$ContentPlaceHolder1$gvReport\'\" + \',\' + \"\'Page$First\'\" + \')\">First</a></td>\');
            
            $(\'.gridviewPager\').closest(\"tr\").find(\"table tbody tr\").append(\'<td><a href=\"javascript:__doPostBack(\' + \"\'ctl00$ContentPlaceHolder1$gvReport\'\" + \',\' + \"\'Page$Last\'\" + \')\">Last</a></td>\');
        })
    </script>

 <style>
        .gridviewPager {
            background-color: #fff;
            padding: 2px;
            margin: 2% auto;
        }

            .gridviewPager a {
                margin: auto 1%;
                border-radius: 50%;
                background-color: #545454;
                padding: 5px 10px 5px 10px;
                color: #fff;
                text-decoration: none;
                -o-box-shadow: 1px 1px 1px #111;
                -moz-box-shadow: 1px 1px 1px #111;
                -webkit-box-shadow: 1px 1px 1px #111;
                box-shadow: 1px 1px 1px #111;
            }

                .gridviewPager a:hover {
                    background-color: #337ab7;
                    color: #fff;
                }

            .gridviewPager span {
                background-color: #066091;
                color: #fff;
                -o-box-shadow: 1px 1px 1px #111;
                -moz-box-shadow: 1px 1px 1px #111;
                -webkit-box-shadow: 1px 1px 1px #111;
                box-shadow: 1px 1px 1px #111;
                border-radius: 50%;
                padding: 5px 10px 5px 10px;
            }
    </style>

 <asp:GridView ID=\"gvReport\" runat=\"server\"   DataKeyNames=\"ID\" class=\"table table-striped table-bordered\" AllowPaging=\"true\" PageSize=\"10\" Width=\"100%\" AutoGenerateColumns=\"false\">
                                    <PagerStyle CssClass=\"gridviewPager\" />
                                    
                                    <Columns>
                                        <asp:TemplateField HeaderText=\"Sr No\">
                                            <ItemTemplate>
                                                <asp:Label ID=\"lblSrNo\" runat=\"server\" Text=\'<%#Container.DataItemIndex+1 %>\'></asp:Label>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                       <asp:BoundField DataField=\"ID\" HeaderText=\"Id\" Visible=\"false\"></asp:BoundField>
                                        <asp:BoundField DataField=\"NameE\" HeaderText=\"Aadhar Name\"></asp:BoundField>
                                        <asp:BoundField DataField=\"District\" HeaderText=\"District Name\"></asp:BoundField>
                                        <asp:BoundField DataField=\"Block\" HeaderText=\"Block Name\"></asp:BoundField>
                                        <asp:BoundField DataField=\"Mobile\" HeaderText=\"Mobile\"></asp:BoundField>
                                        <asp:BoundField DataField=\"AMobile\" HeaderText=\"Alternate Mobile\"></asp:BoundField>
                                        <asp:BoundField DataField=\"Adhar\" HeaderText=\"Adhar\"></asp:BoundField>
                                        <asp:BoundField DataField=\"Gender\" HeaderText=\"Gender\"></asp:BoundField>
                                        <asp:BoundField DataField=\"Sector\" HeaderText=\"Sector\'s\"></asp:BoundField>
                                        <asp:BoundField DataField=\"Age\" HeaderText=\"Age\"></asp:BoundField>
                                        <asp:BoundField DataField=\"Qualification\" HeaderText=\"Highest Qualification\"></asp:BoundField>
                                        <asp:BoundField DataField=\"GREDTYPE\" HeaderText=\"Score Type\"></asp:BoundField>
                                        <asp:BoundField DataField=\"PGC\" HeaderText=\"Per./Grade/CGPA\"></asp:BoundField>
                                        

                                    </Columns>
                                </asp:GridView>