You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: blazor/file-manager/pagination.md
+14-13Lines changed: 14 additions & 13 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,7 +1,7 @@
1
1
---
2
2
layout: post
3
-
title: Pagination in Blazor FileManager Component | Syncfusion
4
-
description: Checkout and learn here all about Pagination in the Syncfusion Blazor FileManager component and more.
3
+
title: Pagination in Blazor File Manager Component | Syncfusion
4
+
description: Checkout and learn here all about Pagination in the Syncfusion Blazor File Manager component and more.
5
5
platform: Blazor
6
6
control: File Manager
7
7
documentation: ug
@@ -11,11 +11,11 @@ documentation: ug
11
11
12
12
Pagination provides an option to display files and folders in segmented pages, making it easier to navigate through large directories. This feature is particularly useful when dealing with extensive file systems in the File Manager component.
13
13
14
-
To enable pagination, you need to set the [allowPaging](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.SfFileManager-1.html#Syncfusion_Blazor_FileManager_SfFileManager_1_AllowPaging) property to **true**. This property determines whether paging is enabled or disabled for the file manager. When `allowPaging` is enabled, a pager control rendered at the bottom of the file manager, allowing you to navigate through different pages.
14
+
To enable pagination, you need to set the [allowPaging](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.SfFileManager-1.html#Syncfusion_Blazor_FileManager_SfFileManager_1_AllowPaging) property to **true**. This property determines whether paging is enabled or disabled for the File Manager. When `allowPaging` is enabled, a pager control rendered at the bottom of the File Manager, allowing you to navigate through different pages.
15
15
16
16
## Customize the pagination options
17
17
18
-
Customizing the pagination options in the Syncfusion File Manager allows you to tailor the pagination control according to your specific requirements. You can customize the pagination to display the number of pages using the `NumericItemCount` property, change the current page using `currentPage` property, display the number of records in the file manager using the `pageSize` property, and even adjust the page sizes in a dropdown using the `pageSizes` property.
18
+
Customizing the pagination options in the Syncfusion File Manager allows you to tailor the File Manager pager according to your specific requirements. You can customize the pagination to display the number of pages using the `NumericItemCount` property, change the current page using `currentPage` property, display the number of records in the File Manager using the `pageSize` property, and even adjust the page sizes in a dropdown using the `pageSizes` property.
19
19
20
20
### Change the page size
21
21
@@ -38,11 +38,12 @@ The following example demonstrates how to change the page size of a File Manager
38
38
````
39
39
Below is a screenshot illustrating the `PageSize` property in the File Manager component.
40
40
41
-
41
+
42
42
43
43
### Change the page count
44
44
45
-
The `NumericItemsCount` property is used to control the number of numeric buttons displayed in the pager when pagination is enabled.
45
+
The [NumericItemsCount](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerPagesSettings.html#Syncfusion_Blazor_FileManager_FileManagerPagesSettings_NumericItemsCount) property is used to control the number of numeric buttons displayed in the pager when pagination is enabled.
46
+
46
47
````cshtml
47
48
@using Syncfusion.Blazor.FileManager;
48
49
@using Syncfusion.Blazor.Navigations;
@@ -59,11 +60,11 @@ The `NumericItemsCount` property is used to control the number of numeric button
59
60
60
61
Below is a screenshot illustrating the `NumericItemCount` property in the File Manager component.
61
62
62
-
63
+
63
64
64
65
### Change the current page
65
66
66
-
The Syncfusion File Manager allows you to change the currently displayed page, which can be particularly useful when you need to navigate through different pages of data either upon the initial rendering of the file manager or update the displayed page based on interactions or specific conditions. The default value of **CurrentPage** property is 1.
67
+
The Syncfusion File Manager allows you to change the currently displayed page, which can be particularly useful when you need to navigate through different pages of data either upon the initial rendering of the File Manager or update the displayed page based on interactions or specific conditions. The default value of **CurrentPage** property is 1.
67
68
68
69
To change the current page in the Syncfusion File Manager, you can utilize the [CurrentPage](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerPagesSettings.html#Syncfusion_Blazor_FileManager_FileManagerPagesSettings_CurrentPage) property in [FileManagerPageSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerPageSettings.html) component, which defines the current page number of the pager.
69
70
@@ -86,7 +87,7 @@ The following example demonstrates how to implement the `CurrentPage` property.
86
87
````
87
88
Below is a screenshot illustrating the `CurrentPage` property in the File Manager component.
88
89
89
-
90
+
90
91
91
92
92
93
## Pager Template in Blazor File Manager
@@ -127,11 +128,11 @@ Below is an example on how to customize pagination in the Syncfusion File Manage
127
128
128
129
The screenshot below shows the Blazor File Manager component with a custom pagination button.
129
130
130
-
131
+
131
132
132
133
### Pager with Page Sizes dropdown
133
134
134
-
The [FileManagerPageSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerPageSettings.html) component's [PageSizes](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerPagesSettings.html#Syncfusion_Blazor_FileManager_FileManagerPagesSettings_PageSizes) property enables a dropdown in pager that allows you to dynamically change the number of records displayed in the current page. [PageSize](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerPagesSettings.html#Syncfusion_Blazor_FileManager_FileManagerPagesSettings_PageSizes) property allows number of items to be loaded in a single page. Here files are sorted using [Custom sorting](https://blazor.syncfusion.com/documentation/file-manager/file-operations#custom-sorting).
135
+
The [FileManagerPageSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerPageSettings.html) component's [PageSizes](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerPagesSettings.html#Syncfusion_Blazor_FileManager_FileManagerPagesSettings_PageSizes) property enables a dropdown in pager that allows you to dynamically change the number of records displayed in the current page. [PageSize](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerPagesSettings.html#Syncfusion_Blazor_FileManager_FileManagerPagesSettings_PageSizes) property allows number of items to be loaded in a single page.
135
136
136
137
Here is a sample demonstrating how `PageSizes` property is used when Pagination enabled in the File Manager.
137
138
@@ -152,7 +153,7 @@ Here is a sample demonstrating how `PageSizes` property is used when Pagination
152
153
153
154
The screenshot below shows the Pages Sizes dropdown in the File Manager.
154
155
155
-
156
+
156
157
157
158
## Events in Pagination
158
159
@@ -189,4 +190,4 @@ The [PageChanged](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileMa
189
190
190
191
## See also
191
192
192
-
*[How to Enable Virtualization in Blazor FileManager Component](https://blazor.syncfusion.com/documentation/file-manager/virtualization)
193
+
*[How to Enable Virtualization in Blazor File Manager Component](https://blazor.syncfusion.com/documentation/file-manager/virtualization)
0 commit comments