Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions wpf/DataPager/Appearance.md
Original file line number Diff line number Diff line change
Expand Up @@ -99,7 +99,7 @@ AccentBrush properties are used to decorate the SfDataPager control with a solid
* NumericButtonStyle – Property that is applied to the Style of Numeric Button. This is the Style type property. By default, it set to Null.


The following code example explains how to apply the AccentBackground and AccentForeground properties for the SfDataPager control.
The following code example explains how to apply the AccentBackground and AccentForeground properties for the control.

{% tabs %}
{% highlight xaml %}
Expand All @@ -124,7 +124,7 @@ The following screenshot displays the output for AccentBackground and AccentFore
![Features_images10](Features_images/Features_img10.png)


The following code example explains how to use NumericButtonStyle in SfDataPager.
The following code example explains how to use NumericButtonStyle in the control.

{% tabs %}
{% highlight xaml %}
Expand Down
14 changes: 7 additions & 7 deletions wpf/DataPager/DataBinding.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,11 +10,11 @@ documentation: ug
# DataBinding in WPF SfDataPager


Data binding is the master feature of SfDataPager. SfDataPager is bound to an external data source to display the data.
Data binding is the master feature of SfDataPager. It is bound to an external data source to display the data.

## Source and PagedSource

SfDataPager exposes the Source property, where you can pass your collection of data for Paging. SfDataPager automatically wrap the collection in the PagedCollectionView and exposes to the PagedSource property. You can pass the PagedSource property to any ItemsControl’s ItemsSource property.
SfDataPager exposes the Source property, where you can pass your collection of data for Paging. The control automatically wraps the collection in the PagedCollectionView and exposes to the PagedSource property. You can pass the PagedSource property to any ItemsControl’s ItemsSource property.

The following code example explains how to use the Source and PagedSource property.

Expand Down Expand Up @@ -45,7 +45,7 @@ The following screenshot displays the output of the above code.

![Features_images1](Features_images/Features_img1.png)

SfDataPager exposes the PageIndex property. It contains the index of the currently selected page.You can use this property to set or get the current page of the SfDataPager.
SfDataPager exposes the PageIndex property. It contains the index of the currently selected page. You can use this property to set or get the current page of the control.

Events

Expand Down Expand Up @@ -119,7 +119,7 @@ The following screenshot displays the output for ListView binded with PagedColle

## On DemandPaging

In normal paging, the entire data collection is initially loaded into the SfDataPager control. However, the SfDataPager control allows you to load the data for the current page dynamically. To enable on demand paging, set UseOnDemandPaging to true.__
In normal paging, the entire data collection is initially loaded into the control. However, the control allows you to load the data for the current page dynamically. To enable on demand paging, set UseOnDemandPaging to true.__

OnDemandPaging can be achieved by using the OnDemandLoading event and LoadDynamicItems method.

Expand All @@ -135,7 +135,7 @@ N> In OnDemandPaging, you cannot assign a value for the Source property.
The following steps help you to achieve an OnDemandLoading with the SfDataPager control.

1. Set the UseOnDemandPaging property to true.
2. Set the PageCount value for the SfDataPager control.
2. Set the PageCount value for the control.

{% capture codesnippet1 %}
{% tabs %}
Expand Down Expand Up @@ -164,7 +164,7 @@ The following steps help you to achieve an OnDemandLoading with the SfDataPager
{{ codesnippet1 | OrderList_Indent_Level_1 }}


3. Wire up the OnDemandLoading event of SfDataPager.
3. Wire up the OnDemandLoading event of the control.

{% capture codesnippet2 %}
{% tabs %}
Expand All @@ -188,7 +188,7 @@ The following screenshot displays the output for OnDemandPaging,

SfDataPager splits the data into separate pages based on the PageSize. In order to specify the size of the page, you can use the PageSize property. By defaults, it is set to 0 and all the data is displayed in a single page.

The following code example explains how to use PageSize property in SfDataPager.
The following code example explains how to use PageSize property in the control.

{% tabs %}
{% highlight xaml %}
Expand Down
18 changes: 9 additions & 9 deletions wpf/DataPager/Getting-Started.md
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@ Covers an editors like CurrencyTextBox, PercentEdit, DateTimeEdit.</td></tr>

The following screenshot describes the elements of the DataPager control.

![Displaying WPF DataPager control](getting-started_images/wpf-datapager-control.png)
![Elements of the control](getting-started_images/wpf-datapager-control.png)



Expand All @@ -69,17 +69,17 @@ The following steps help you to use the SfDataPager in an application:



![Displaying the WPF SfDataPager control in designer](getting-started_images/wpf-datapager-designer.png)
![Control dragged from toolbox](getting-started_images/wpf-datapager-designer.png)



3. When you drag the SfDataPager to the window, it automatically adds the required references to the current application.To add the SfDataPager using code, you can add the following assemblies to the project.
3. When you drag the control to the window, it automatically adds the required references to the current application.To add it using code, you can add the following assemblies to the project.

*Syncfusion.Data.WPF

*Syncfusion.SfGrid.WPF

4. You can either drag the control from Visual Studio or Expression Blend, or add the control to your project manually. You need to add the namespace to make use of SfDataPager in your application.
4. You can either drag the control from Visual Studio or Expression Blend, or add the control to your project manually. You need to add the namespace to make use of it in your application.

{% capture codesnippet1 %}
{% tabs %}
Expand Down Expand Up @@ -199,7 +199,7 @@ public class ViewModel
{% endcapture %}
{{ codesnippet3 | OrderList_Indent_Level_1 }}

7. Set the ViewModel instance as DataContext to window. Now, you can bind the data collection to the SfDataPagerSource property.
7. Set the ViewModel instance as DataContext to window. Now, you can bind the data collection to the Source property.

{% capture codesnippet4 %}
{% tabs %}
Expand All @@ -220,7 +220,7 @@ public class ViewModel
{% endcapture %}
{{ codesnippet4 | OrderList_Indent_Level_1 }}

8. Then bind the PagedSource property of the SfDataPager control into the SfDataGridItemsSource property.
8. Then bind the PagedSource property of the control into the SfDataGridItemsSource property.

{% capture codesnippet5 %}
{% tabs %}
Expand Down Expand Up @@ -249,16 +249,16 @@ public class ViewModel
The following screenshot displays the output for Implementation of the SfDataPager in the SfDataGrid Control.


![Displaying the WPF SfDataPager in the SfDataGrid Control ](getting-started_images/wpf-datapager-displayed-in-datagrid-control.png)
![Displaying the control in the SfDataGrid Control ](getting-started_images/wpf-datapager-displayed-in-datagrid-control.png)

## Theme

SfDataPager supports various built-in themes. Refer to the below links to apply themes for the SfDataPager,
SfDataPager supports various built-in themes. Refer to the below links to apply themes for it,

* [Apply theme using SfSkinManager](https://help.syncfusion.com/wpf/themes/skin-manager)

* [Create a custom theme using ThemeStudio](https://help.syncfusion.com/wpf/themes/theme-studio#creating-custom-theme)

![Setting theme to WPF DataPager](getting-started_images/wpf-datapager-theme-support.png)
![Setting theme](getting-started_images/wpf-datapager-theme-support.png)


4 changes: 2 additions & 2 deletions wpf/DataPager/Overview.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,11 +9,11 @@ documentation: ug

# About Syncfusion® WPF SfDataPager Control

The SfDataPager control provides a configurable user interface for paging using a data collection. You can bind the SfDataPager to any [IEnumerable](https://learn.microsoft.com/en-us/dotnet/api/system.collections.ienumerable?redirectedfrom=MSDN&view=net-5.0). The SfDataPager control wraps the collection internally in `PagedCollectionView` and exposes by using [SfDataPager.PagedSource](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Controls.DataPager.SfDataPager.html#Syncfusion_UI_Xaml_Controls_DataPager_SfDataPager_PagedSource) property. `PagedCollectionView` helps to provide the paging functionality. You can apply paging for data bound control by setting `PagedSource` property as ItemsSource for that control.
The SfDataPager provides a configurable user interface for paging using a data collection. You can bind it to any [IEnumerable](https://learn.microsoft.com/en-us/dotnet/api/system.collections.ienumerable?redirectedfrom=MSDN&view=net-5.0). The control wraps the collection internally in `PagedCollectionView` and exposes by using [SfDataPager.PagedSource](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Controls.DataPager.SfDataPager.html#Syncfusion_UI_Xaml_Controls_DataPager_SfDataPager_PagedSource) property. `PagedCollectionView` helps to provide the paging functionality. You can apply paging for data bound control by setting `PagedSource` property as ItemsSource for that control.

The following screenshot displays the basic concept of paging.

![WPF DataPager Overview](overview_images/wpf-datapager.png)
![Basic concept of paging](overview_images/wpf-datapager.png)



2 changes: 1 addition & 1 deletion wpf/DataPager/PageNavigation.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ documentation: ug

SfDataPager allows you to move from the current Page to various Pages.For example, when you want to move the CurrentPage to the last page directly, you can use the method MoveToLastPage() . When this method is called, the current page moves to the last page.

SfDataPager provides the following methods for page navigations.
The control provides the following methods for page navigations.

<table>
<tr>
Expand Down
10 changes: 5 additions & 5 deletions wpf/DataPager/Styles-and-Templates.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ documentation: ug

WPF Styles and Templates is a suite of features (styles and templates) that allow developers and designers to create visual compelling effects and consistent appearance of the products.

This section explains the information to change the visual appearance of the DataPager. In addition, you can edit the structure of the DataPager by using Blend and VisualStudio that helps you to customize their appearances.
This section explains the information to change the visual appearance of the control. In addition, you can edit its structure by using Blend and VisualStudio that helps you to customize its appearance.

* Edit Appearance in Expression Blend
* Edit Appearance in VisualStudio
Expand All @@ -22,7 +22,7 @@ This section explains the information to change the visual appearance of the Dat
The section explains how to edit a SfDataPager style in Expression Blend. The following steps helps to Edit the style of the control in Expression Blend.

* Open your application in Expression Blend
* Select the SfDataPager control from the window.
* Select the control from the window.



Expand Down Expand Up @@ -55,15 +55,15 @@ The Create style Resources dialog prompts you to enter the name or change the na

When OK is pressed, the Expression Blend generates the style of the SfDataPager control in the Resource section. You can edit the generated XAML in the XAML view or in VisualStudio

* Create Empty- create an empty style for the SfDataPager. When you select this option, the Create style Resources dialog is opened. You can enter the name or change the name of style and choose the location for the style.
* Create Empty- create an empty style for the control. When you select this option, the Create style Resources dialog is opened. You can enter the name or change the name of style and choose the location for the style.

## Edit Appearance in Visual Studio


This section explains how to edit the style of SfDataPager in Visual Studio Designing View. To Edit the control style in Visual Studio, refer to the following steps,

* Open your application in Visual Studio.
* Open Design view>> Select SfDataPager Control >Right Click on SfDataPagerControl, Menu options are displayed.
* Open Design view>> Select the control >Right Click on it, Menu options are displayed.



Expand All @@ -86,7 +86,7 @@ The Create style Resources dialog prompts you to enter the name or change the na

When OK is pressed, Visual Studio generate the style of SfDataPager in the Resource section.The control style of the SfDataPager control is loaded in the XAML . You can edit the generated XAML in the XAML view.

* Create Empty- create an empty style for the SfDataPager. When you select this option, the Create style Resources dialog opens. You can enter the name or change the name of style and choose the location where your style is defined.
* Create Empty- create an empty style for the control. When you select this option, the Create style Resources dialog opens. You can enter the name or change the name of style and choose the location where your style is defined.



6 changes: 3 additions & 3 deletions wpf/DataPager/UIAutomation.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ SfDataPager supports the following UIAutomation,

SfDataPager supports CodedUITest automation that helps you to create an automation test with SfDataPager elements and record the sequence of actions.

There are three levels of support in CodedUITest for SfDataPager
There are three levels of support in CodedUITest for the control.

![Features_images25](Features_images/Features_img25.png)

Expand Down Expand Up @@ -49,7 +49,7 @@ CodedUITest Builder generates code from the recorded session and you need to imp

To know more about CodedUITest, refer to the [link](http://help.syncfusion.com/wpf/sfdatagrid/ui-automation#coded-ui-test).

The following screenshot displays the SfDataPager properties when you drag the crosshair to the SfDataPager
The following screenshot displays the SfDataPager properties when you drag the crosshair to the control

![Features_images26](Features_images/Features_img26.png)

Expand All @@ -75,7 +75,7 @@ SfDataPager</td><td>
SfDataPager supports QTP test. You can record the actions performed in the control by the corresponding method name
with Syncfusion<sup>®</sup> namespace. To know more about QTP test, refer to the [link](http://help.syncfusion.com/wpf/sfdatagrid/ui-automation#quick-test-professional-qtp)

The following screenshot displays the QTP Test for SfDataPager
The following screenshot displays the QTP Test for the control.

![Features_images27](Features_images/Features_img27.png)

Expand Down