GridView Paging - первый, последний, следующий, предыдущий

Question

Можно ли добавить:

«Первый, Последний, Следующий, Предыдущий» параметры в подкачку страниц GridView?Я не могу понять это.Все, что я могу получить, это числа и >> для последнего и << для первого ... </p>

Answer 1

Установите значение свойств PageText раздела PagerSettings:

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

Эти значения также можно установить в окне «Свойства» в конструкторе.

Answer 2

Пейджер GridView по умолчанию не гибкий.

Альтернативы таковы

1. Использование шаблона пейджера GridView ( Свойство GridView PagerTemplate от MSDN )
2. Расширение элемента управления GridView для поддержки DataPager ( пример здесь )

Answer 3

Да, это возможно с помощью свойства PagerSettings gridview, все, что вам нужно сделать, - установить для параметра Mode of PagerSetting значение «NextPreviousFirstLast», чтобы вы могли использовать опцию «First, Last, Next, Previous» для пейджинга с gridview.

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

Есть еще три свойства Mode, такие как «NextPrevious», «Numeric» и «NumericFirstLast»

чтобы использовать их ..

NextPrevious:

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

Числовой:

  <PagerSettings  Mode="Numeric" />

NumericFistLast:

      <PagerSettings  Mode="NumericFistLast" />

Answer 4

введите описание изображения здесь Мы также можем объединить число и первую и последнюю пользовательские кнопки в виде сетки Для этого нам нужно включить нормальный пейджинг в gridview
затем установите пейджер Это покажет нормальный пейджинг с номерами. Для пользовательской первой и последней кнопки Напишите jquery код для этого

$ (документ) .ready (function () { // Для первой кнопки на первой позиции пейджера используем метод prepend $ ('. gridviewPager'). closest ('tr'). find ('table tbody tr'). prepend ('First'); // Для последней кнопки на последней позиции пейджера используем метод append $ ('. gridviewPager'). closest ("tr"). find ("таблица 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>