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
+8-12Lines changed: 8 additions & 12 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,4 +1,4 @@
1
-
---
1
+
---
2
2
layout: post
3
3
title: Pagination in Blazor File Manager Component | Syncfusion
4
4
description: Checkout and learn here all about Pagination in the Syncfusion Blazor File Manager component and more.
@@ -11,15 +11,15 @@ 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 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.
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 `NumericItemsCount` 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
22
-
The Syncfusion File Manager allows you to control the number of records displayed per page, providing you with flexibility in managing your data. This feature is particularly useful when you want to adjust the amount of data visible to you at any given time. To achieve this, you can utilize the [pageSize](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerPagesSettings.html#Syncfusion_Blazor_FileManager_FileManagerPagesSettings_PageSizes) property. This property is used to specify the initial number of records to display on each page.
22
+
The Syncfusion File Manager allows you to control the number of records displayed per page, providing you with flexibility in managing your data. This feature is particularly useful when you want to adjust the amount of data visible to you at any given time. To achieve this, you can utilize the [PageSize](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerPagesSettings.html#Syncfusion_Blazor_FileManager_FileManagerPagesSettings_PageSize) property. This property is used to specify the initial number of records to display on each page.
23
23
24
24
The following example demonstrates how to change the page size of a File Manager using the `PageSize` property.
25
25
@@ -58,7 +58,7 @@ The [NumericItemsCount](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.
58
58
</SfFileManager>
59
59
````
60
60
61
-
Below is a screenshot illustrating the `NumericItemCount` property in the File Manager component.
61
+
Below is a screenshot illustrating the `NumericItemsCount` property in the File Manager component.
62
62
63
63

64
64
@@ -132,7 +132,7 @@ The screenshot below shows the Blazor File Manager component with a custom pagin
132
132
133
133
### Pager with Page Sizes dropdown
134
134
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
+
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.
136
136
137
137
Here is a sample demonstrating how `PageSizes` property is used when Pagination enabled in the File Manager.
138
138
@@ -151,7 +151,7 @@ Here is a sample demonstrating how `PageSizes` property is used when Pagination
151
151
152
152
```
153
153
154
-
The screenshot below shows the Pages Sizes dropdown in the File Manager.
154
+
The screenshot below shows the page sizes dropdown in the File Manager.
155
155
156
156

157
157
@@ -186,8 +186,4 @@ The [PageChanged](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileMa
186
186
}
187
187
}
188
188
189
-
````
190
-
191
-
## See also
192
-
193
-
*[How to Enable Virtualization in Blazor File Manager Component](https://blazor.syncfusion.com/documentation/file-manager/virtualization)
0 commit comments