[Expand]General Information
[Collapse]WinForms Controls
  .NET Core Support
  Prerequisites
 [Expand]What's Installed
 [Collapse]Build an Application
  [Expand]Choose Application UI
  [Expand]Printing and Exporting
  [Collapse]WinForms MVVM
   [Expand]Concepts
   [Expand]Design-time Support
   [Collapse]Tutorials
     Lesson 1 - Creating The Project. Scaffolding Wizard.
     Lesson 2 - Creating Views
     Lesson 3 - Navigation and Services
     Lesson 4 - Data Binding
     Lesson 5 - Login Form
     Lesson 6 - Lookup Editors and Master Detail
     Lesson 7 - Additional Functionality
  [Expand]Skins
  [Expand]Localization
  [Expand]Right-to-Left Layout
   Redistribution and Deployment
   How to: Perform Actions On Application Startup
 [Expand]Controls and Libraries
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Tutorials

In this section, you will use all theory learned from the Concepts and Design-time Support chapters to create a test application that fully fits MVVM concepts. This is the sample 'Expenses' application, seen in DevExpress Demo Center. The application manages three data collections - accounts, categories and transactions. You can add new records to these collections or modify/remove existing ones. The figure below illustrates what the application looks like.

The layout of the application's content area may differ - in the figure below, the DocumentManager is used and all pages are presented as tabs, which end-users can drag and undock from the parent manager. This requires the specific service to be registered. Same UI is used in the following lessons. Registering a different service will make your application look differently. Hence, you will have rich capabilities to transform this sample application into a modern NavigationFrame-based application or vice versa, use the old-school XtraTabControl to display your application pages.

Follow this link to download the complete application. You can also inspect the DocumentManager module in MVVM demo.

The tutorial contains the following lessons.

Is this topic helpful?​​​​​​​