Skip to main content

DevExpress v24.1 Update — Your Feedback Matters

Our What's New in v24.1 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

ViewModelBase

  • 7 minutes to read

The ViewModelBase class is a BindableBase descendant. It inherits features of the BindableBase class (such as the GetProperty, SetProperty, and RaisePropertyChanged/RaisePropertiesChanged methods) and offers the following additional capabilities.

#Initialize properties separately for runtime and design-time modes

A View Model may contain a property that requires access to a database. While you are working in the Visual Studio designer, the View Model is not allowed to connect to the database. This leads to an error in the designer.

In such cases, the ViewModelBase class provides the OnInitializeInDesignMode and OnInitializeInRuntime protected virtual methods, which you can override to initialize properties for runtime and design time modes separately.

public class ViewModel : ViewModelBase {
    public IEnumerable<Employee> Employees {
        get { return GetProperty(() => Employees); }
        private set { SetProperty(() => Employees, value); }
    }
    protected override void OnInitializeInDesignMode() {
        base.OnInitializeInDesignMode();
        Employees = new List<Employee>() {
            new Employee() { Name = "Employee 1" },
        };
    }
    protected override void OnInitializeInRuntime() {
        base.OnInitializeInRuntime();
        Employees = DatabaseController.GetEmployees();
    }
}

#Access Services registered within a View

The ViewModelBase class implements the ISupportServices interface that maintains the Services mechanism. The ViewModelBase.GetService method, which employs ISupportServices interface, allows you to access services registered in a View.

<UserControl x:Class="ViewModelBaseSample.View" 
             xmlns:dxmvvm="http://schemas.devexpress.com/winfx/2008/xaml/mvvm" 
             xmlns:ViewModels="clr-namespace:ViewModelBaseSample.ViewModels" ...> 
    <UserControl.DataContext> 
        <ViewModels:ViewModel/> 
    </UserControl.DataContext> 
    <dxmvvm:Interaction.Behaviors>
        <dxmvvm:MessageBoxService/>
    </dxmvvm:Interaction.Behaviors>
    ...
</UserControl>
public class ViewModel : ViewModelBase {
    public IMessageBoxService MessageBoxService { get { return GetService<IMessageBoxService>(); } }
}

The following topic contains more information on how to use services in View Models inherited from the ViewModelBase class: Services in ViewModelBase descendants.

#Use View Model parent-child relationships

View Models inherited from the ViewModelBase can be related to each other with a parent-child relationship. This is achieved with the ISupportParentViewModel interface that is implemented in the ViewModelBase class. In this case, child View Models may access Services registered in the main View Model. The following topic contains more information on how you can set the parent-child relationship and what benefits you can get using this mechanism: ViewModel relationships (ISupportParentViewModel).

#Pass data between View Models

The ViewModelBase class implements the ISupportParameter interface, which can be used for passing initial data to View Models. The following documentation topic describes how this mechanism operates: Passing data between ViewModels (ISupportParameter).

#Create Commands Without Command Properties

The ViewModelBase class implements the ICustomTypeDescriptor interface and can automatically create command properties based on methods (with the Command attribute) at runtime.

The traditional approach of creating commands is to declare command properties as follows:

public class ViewModel : ViewModelBase {
    public ICommand SaveCommand { get; private set; }
    public ViewModel() {
        SaveCommand = new DelegateCommand(Save, CanSave);
    }
    public void Save() {
        //...
    }
    public bool CanSave() {
        //...
    }
}

Deriving from the ViewModelBase allows you to utilize a shorter definition. Set the Command attribute for the method you want to use as a command:

public class ViewModel : ViewModelBase {
    [Command]
    public void Save() {
        //...
    }
    public bool CanSave() {
        //...
    }
}

The created command considers the method named Can[MethodName] as a CanExecute statement. If your CanExecute method has a different name, assign it to the CommandAttribute.CanExecuteMethodName property:

public class ViewModel : ViewModelBase {
    [Command(CanExecuteMethodName = "IsSaveAllowed")]
    public void Save() {
        //...
    }
    public bool IsSaveAllowed() {
        //...
    }
}

The CommandAttribute.UseCommandManager property specifies whether to use the manager that triggers the specified CanExecute method each time a user interacts with the application UI.

When the Command attribute is applied to a method, the corresponding command will have the name: [MethodName]Command where [MethodName] is the name of the target method. For the example above, the command name will be “SaveCommand”.

<Button Command="{Binding SaveCommand}"/>

The Command attribute can be applied to a parameter-less method or to a method with one parameter. You can also customize the command by setting Command attribute properties.

The following topic contains more information about commands: Commands.

#Example

This example demonstrates how to use the ViewModelBase class for inheriting view models.

View Example

<UserControl x:Class="Example.View.MainView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"     
    xmlns:dx="http://schemas.devexpress.com/winfx/2008/xaml/core"
    xmlns:dxmvvm="http://schemas.devexpress.com/winfx/2008/xaml/mvvm"
    xmlns:ViewModel="clr-namespace:Example.ViewModel"
    mc:Ignorable="d" d:DesignHeight="500" d:DesignWidth="600">
    <UserControl.DataContext>
        <ViewModel:MainViewModel/>
    </UserControl.DataContext>
    <dxmvvm:Interaction.Behaviors>
        <dx:DXMessageBoxService/>
    </dxmvvm:Interaction.Behaviors>

    <Grid x:Name="LayoutRoot" Background="White">
        <StackPanel Orientation="Vertical">
            <StackPanel Orientation="Vertical" Margin="10">
                <TextBlock Text="Bindable Properties:" Margin="2"/>
                <StackPanel Orientation="Horizontal">
                    <TextBlock Text="FirstName: " Margin="2" VerticalAlignment="Center"/>
                    <TextBox Text="{Binding FirstName, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Margin="2" VerticalAlignment="Center"/>
                </StackPanel>
                <StackPanel Orientation="Horizontal">
                    <TextBlock Text="LastName: " Margin="2" VerticalAlignment="Center"/>
                    <TextBox Text="{Binding LastName, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Margin="2" VerticalAlignment="Center"/>
                </StackPanel>
                <StackPanel Orientation="Horizontal">
                    <TextBlock Text="FullName: " Margin="2" VerticalAlignment="Center"/>
                    <TextBox Text="{Binding FullName, Mode=OneWay}" IsReadOnly="True" Margin="2" VerticalAlignment="Center"/>
                </StackPanel>
            </StackPanel>
            <StackPanel Orientation="Vertical" Margin="10" HorizontalAlignment="Left">
                <TextBox x:Name="message" Text="Hello" Width="80" HorizontalAlignment="Left"/>
                <Button Content="Show Message Box" Command="{Binding ShowMessageCommand}" CommandParameter="{Binding ElementName=message, Path=Text}"
                        Margin="2" HorizontalAlignment="Left"/>
            </StackPanel>
        </StackPanel>

    </Grid>
</UserControl>
using DevExpress.Mvvm;

namespace Example.ViewModel {
    public class MainViewModel : ViewModelBase {
        public string FirstName {
            get { return GetProperty(() => FirstName); }
            set { SetProperty(() => FirstName, value, UpdateFullName); }
        }
        public string LastName {
            get { return GetProperty(() => LastName); }
            set { SetProperty(() => LastName, value, UpdateFullName); }
        }
        public string FullName {
            get { return FirstName + " " + LastName; }
        }
        void UpdateFullName() {
            RaisePropertyChanged(() => FullName);
        }
        protected override void OnInitializeInDesignMode() {
            base.OnInitializeInDesignMode();
            FirstName = "FirstName in DesignMode";
            LastName = "LastName in DesignMode";
        }
        protected override void OnInitializeInRuntime() {
            base.OnInitializeInRuntime();
            FirstName = "FirstName";
            LastName = "LastName";
        }

        IMessageBoxService MessageBoxService { get { return GetService<IMessageBoxService>(); } }
        public DelegateCommand<string> ShowMessageCommand { get; private set; }
        void ShowMessage(string message) {
            MessageBoxService.Show(message);
        }
        bool CanShowMessage(string message) {
            return !string.IsNullOrEmpty(message);
        }
        public MainViewModel() {
            ShowMessageCommand = new DelegateCommand<string>(ShowMessage, CanShowMessage);
        }
    }
}