Можно ли добавить:
"Первый, последний, следующий, предыдущий" параметры для пейджинга GridView? Кажется, я не понимаю. Все, что я могу получить, это числа и → для последнего и < < для первого...
Можно ли добавить:
"Первый, последний, следующий, предыдущий" параметры для пейджинга GridView? Кажется, я не понимаю. Все, что я могу получить, это числа и → для последнего и < < для первого...
<asp:GridView ID="gridView" runat="server" AllowPaging="True">
<PagerSettings Mode="NextPreviousFirstLast" FirstPageText="First" PreviousPageText="Previous" NextPageText="Next" LastPageText="Last" />
</asp:GridView>
Вы также можете установить эти значения из окна "Свойства" в дизайнере.
Пейджер по умолчанию для GridView не является гибким.
Альтернативами являются эти
Да, можно использовать свойство PagerSettings gridview, все, что вам нужно сделать, - установить режим PagerSetting в "NextPreviousFirstLast", чтобы вы могли использовать опцию "Первый, последний, следующий, предыдущий" для пейджинга с gridview.
<PagerSettings Mode="NextPreviousFirstLast" FirstPageText="First" PreviousPageText="Previous" NextPageText="Next" LastPageText="Last" />
Есть еще три свойства режима, такие как "NextPrevious", "Numeric" и "NumericFirstLast"
чтобы использовать их.
NextPrevious:
<PagerSettings Mode="NextPrevious" PreviousPageText="Previous" NextPageText="Next"/>
Числовое:
<PagerSettings Mode="Numeric" />
ЧисловойFistLast:
<PagerSettings Mode="NumericFistLast" />
введите описание изображения здесь Мы можем также объединить число и первую и последнюю пользовательскую кнопку в gridview
Для этого нам нужно включить обычный пейджинг в gridview
затем установите pagerstyle
Это покажет обычный пейджинг с номерами.
Для пользовательской первой и последней кнопки
Напишите код jquery для этого
$(document).ready(function() { // Для первой кнопки в первой позиции пейджера используйте метод preend $ ('. gridviewPager'). ближайший ('tr'). find ('table tbody tr'). prepend ('First'); // Для последней кнопки последней позиции пейджера используйте метод добавления $ ('. gridviewPager'). closeest ( "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>