Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Collapse]WinForms Controls
  Prerequisites
 [Expand]What's Installed
 [Collapse]Build an Application
  [Expand]Choose Application UI
   Data Management Controls
  [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
 [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]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

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.

The tutorial contains the following lessons.

How would you rate this topic?​​​​​​​