Skip to content

Latest commit

 

History

History
105 lines (74 loc) · 3.25 KB

getting-started.md

File metadata and controls

105 lines (74 loc) · 3.25 KB
title page_title description position slug
Getting Started
.NET MAUI DataPager Documentation - Getting Started
Get started with the Telerik UI for .NET MAUI DataPager and add the control to your .NET MAUI project.
2
datapager-getting-started

Getting Started with the .NET MAUI DataPager

This guide provides the information you need to start using the [Telerik UI for .NET MAUI DataPager]({% slug datapager-overview %}) by adding the control to your project.

At the end, you will achieve the following result.

DataPager Getting Started

Prerequisites

Before adding the DataPager, you need to:

  1. [Set up your .NET MAUI application]({%slug maui-getting-started %}#step-1-set-up-your-net-maui-application).

  2. [Download Telerik UI for .NET MAUI]({% slug maui-getting-started %}#step-2-download-telerik-ui-for-net-maui).

  3. [Install Telerik UI for .NET MAUI]({%slug maui-getting-started %}#step-3-install-telerik-ui-for-net-maui).

Define the Control

1. When your .NET MAUI application is set up, you are ready to add a DataPager control to your page.

<telerik:RadDataPager x:Name="dataPager"/>

2. Add the telerik namespace:

xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui"
using Telerik.Maui.Controls;

3. Register the Telerik controls through the Telerik.Maui.Controls.Compatibility.UseTelerik extension method called inside the CreateMauiApp method of the MauiProgram.cs file of your project:

using Telerik.Maui.Controls.Compatibility;

public static class MauiProgram
{
	public static MauiApp CreateMauiApp()
	{
		var builder = MauiApp.CreateBuilder();
		builder
			.UseTelerik()
			.UseMauiApp<App>()
			.ConfigureFonts(fonts =>
			{
				fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
			});

		return builder.Build();
	}
}

Add Source

To visualize the pages, bind a collection to the Source property of the DataPager control.

1. Define the DataPager in XAML or C#:

2. Define the ViewModel:

3. Set the ViewModel as a BindingContext:

this.BindingContext = new ViewModel();

For the DataPager Getting Started example, go to the [SDKBrowser Demo Application]({%slug sdkbrowser-app%}) and navigate to the DataPager > Getting Started category.

Additional Resources

  • [Paged Source]({%slug datapager-data-binding%})
  • [Display Modes]({%slug datapager-display-mode%})
  • [Ellipsis Modes]({%slug datapager-ellipsis-mode%})
  • [Page Configuration]({%slug datapager-page-configuration%})
  • [Localization]({%slug datapager-localization%})
  • [Commands in DataPager]({%slug datapager-commands%})
  • [Styling]({%slug datapager-styling%})
  • [Integration with DataGrid]({%slug datapager-datagrid%})

See Also