Manually Triggering Validation in WPF while using Caliburn Micro

Question

I have a view model that implements IDataErrorInfo (and derived from Caliburn Micro's Screen class) like this

public class MyViewModel : Screen, IDataErrorInfo
{
    ...

    public BindableCollection<MyEntity> Entities { get; set; }

    public MyEntity SelectedEntity
    {
        get { return _entity; }

        set
        {
            _entity = value;
            OnSelectedEntityChanged();
        }
    }

    private void OnSelectedEntityChanged()
    {
        // implementation
    }

    public virtual string Error
    {
        get { // implementation }
    }

    public virtual string this[string columnName]
    {
        get { // implementation }
    }

    public void Populating(PopulatingEventArgs e)
    {
        // implementation
    }
}

It is bound to the following XAML using Caliburn Micro (only relevant portion shown)

    <tk:AutoCompleteBox 
        x:Name="Entities"
        cal:Message.Attach="[Event Populating] = [Populating($eventArgs)]"    
        SelectedItem="{Binding Path=SelectedEntity, Mode=TwoWay}"  
        HorizontalAlignment="Stretch" 
        FilterMode="None"
        IsTextCompletionEnabled="True" 
        Text="{Binding SearchText}"
        ValueMemberPath="Name">
        <tk:AutoCompleteBox.ItemTemplate>
            <DataTemplate>
                <TextBlock Text="{Binding Name}"></TextBlock> 
            </DataTemplate>                            
        </tk:AutoCompleteBox.ItemTemplate>                          
    </tk:AutoCompleteBox>

The problem I am running into is that when I update the SelectedEntity property programmatically, it does not cause validation to be triggered. I've tried out many different possible solution such as trying to get the binding expression and calling ValidateWithoutUpdate() on it, adding triggers in the XAML that should cause validation to be triggered etc, but none has worked so far.

How can I trigger validation that would eventually call IDataErrorInfo.Error?

Thanks!

Mark Carew Mark Carew · Accepted Answer · 2014-01-04T06:22:08

/* Place the IDataErrorInfo implementation in your Model Class .. not your view model. The data error is in the Model not in the ViewModel. The ViewModel references the model, IDataErrorInfo communicates with the binding via the xaml ValidatesOnDataErrors=True in the binding */

/* model */
    public class OldBoy : Screen, IOldBoy, IDataErrorInfo
    {
        private Guid oldBoyId;
        public Guid OldBoyId
        {
            get
            {
                return this.oldBoyId;
            }

            set
            {
                this.oldBoyId = value;
                NotifyOfPropertyChange(() => OldBoyId);
            }
        }

        private string firstName;
        public string Firstname
        {
            get
            {
                return this.firstName;
            }

            set
            {
                this.firstName = value;
                NotifyOfPropertyChange(() => Firstname);
            }
        }

        private string surName;
        public string Surname
        {
            get
            {
                return this.surName;
            }

            set
            {
                this.surName = value;
                NotifyOfPropertyChange(() => Surname);
            }
        }



        /* include a Property e.g.  CanSave in your Model that will be bound 
        to the IsEnabled DependencyProperty ofIsEnabled on your Submit Button
        Viz. 
        */

        public string this[string name]
        {
            get
            {
                string result = null;

                if (name == "Firstname")
                {
                    // force the issue
                    this.CanSave = true;
                    if (string.IsNullOrEmpty(this.Firstname))
                    {
                        result = "Model says that Firstname must be entered";
                    }
                }

                if (name == "Surname")
                {
                    // force the issue
                    this.CanSave = true;
                    if (string.IsNullOrEmpty(this.Surname))
                    {
                        result = "Model says that Surname must be entered";
                    }
                }

                return result;
            }
        }

        public string Error
        {
            get
            {
                return null;
            }
        }


        private bool canSave;
        public bool CanSave
        {
            get
            {
                return this.canSave;
            }

            set
            {
                if (string.IsNullOrEmpty(this.Firstname) || string.IsNullOrEmpty(this.surName))
                {
                    this.canSave = false;
                }
                else
                {
                    this.canSave = true;
                }

                NotifyOfPropertyChange(() => CanSave);
            }
        }
    }

    /*   in the ViewModel the underlying class for the edit window  */

    public class DetailsViewModel : Screen, IDetailsViewModel
    {
        private IOldBoy editingOldBoyItem;
        public IOldBoy EditingOldBoyItem
        {
            get
            {
                return this.editingOldBoyItem;
            }

            set
            {
                this.editingOldBoyItem = value;
                NotifyOfPropertyChange(() => EditingOldBoyItem);
            }
        }
        // elided
    }

xaml textboxes involved in validation

 <Label Grid.Row="00"
                   Grid.Column="00"
                   Content="First Name" />
            <TextBox Text="{Binding Path=EditingOldBoyItem.Firstname, ValidatesOnDataErrors=True, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
                     Style="{StaticResource TextBoxCellValidationStyle}"
                     Grid.Row="00"
                     Grid.Column="01">
                <i:Interaction.Behaviors>
                    <local:BindableFocusBehavior HasFocus="{Binding SetFocusToFirstName, Mode=TwoWay, UpdateSourceTrigger=Default}" />
                </i:Interaction.Behaviors>
            </TextBox>
            <Label Grid.Row="01"
                   Grid.Column="00"
                   Content="Surname" />
            <TextBox Text="{Binding Path=EditingOldBoyItem.Surname, ValidatesOnDataErrors=True, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
                     Validation.ErrorTemplate="{StaticResource ValidationTemplate}" 
                     Grid.Row="01"
                     Grid.Column="01">

<!-- save button that is disabled when CanSave is false -->

 <Button Content="Save Edit"
                    IsEnabled="{Binding Path=EditingOldBoyItem.CanSave}"
                    x:Name="Save"
                    Margin="4"
                    Template="{StaticResource RedGlassButton}" />

app.xaml

 <ControlTemplate x:Key="ValidationTemplate">
                    <DockPanel LastChildFill="True">
                        <TextBlock DockPanel.Dock="Bottom"
                                   FontSize="12"
                                   FontWeight="Bold"
                                   Foreground="Red">
                            <TextBlock.ToolTip>
                                <ToolTip Placement="Center"
                                         Style="{StaticResource ErrorToolTip}">
                                    <TextBlock Foreground="White">
                                        <TextBlock.Text>
                                            <Binding Path="/ErrorContent" />
                                        </TextBlock.Text>
                                    </TextBlock>
                                </ToolTip>
                            </TextBlock.ToolTip>
                    </TextBlock>
                        <Border BorderBrush="Red"
                                BorderThickness="1">
                            <AdornedElementPlaceholder Name="adornerPlaceholder" />
                        </Border>
                    </DockPanel>
                </ControlTemplate>
                <Style x:Key="TextBoxCellValidationStyle"
                   BasedOn="{StaticResource {x:Type TextBox}}"
                   TargetType="{x:Type TextBox}">
                    <Style.Triggers>
                        <Trigger Property="Validation.HasError" Value="true">
                            <Setter Property="Background" Value="LightCyan" />
                            <Setter Property="Foreground" Value="Red" />
                            <Setter Property="Validation.ErrorTemplate" Value="{StaticResource ValidationTemplate}" />
                        </Trigger>
                    </Style.Triggers>
                </Style>

Manually Triggering Validation in WPF while using Caliburn Micro

1 Answers