Intersoft Community - ClientUI - Problem with validation

Problem with validation

yudi — Wed, 05 Oct 2011 21:18:58 GMT

Glad to hear the good news.

Should you need further assistance or run into any problems regarding our controls, feel free to post it into our forum. We would be happy to assist you again.

Problem with validation

georgiosd — Wed, 05 Oct 2011 07:16:42 GMT

Yudi,

I have seen the code you're referring to in one of your samples.

However, it's largely irrelevant - I am using the Entity Framework for persistence as I've indiciated in my original post.

The true example of how to do validation is in the ClientUI SL Business App with RIA SP1 template.

I finally figured out that it wasn't working because I hadn't assigned an error string in my validation attribute - it should have a default one but well, it doesn't.

Georgios

Problem with validation

yudi — Wed, 05 Oct 2011 03:18:15 GMT

Following is the list that needs to be added in order to perform validation:

After create model class, for example: SomeModel.cs, add EnableValidation property to SomeModel model.
Example:
```
public bool EnableValidation { get; set; }
```

Add the validation condition for the properties of SomeModel model.
Example:

public double Price
{
    get
    {
        return _price;
    }
    set
    {
        if (_price != value)
        {
            _price = value;
            ClearError("Price");

            if (EnableValidation && double.IsNaN(this.Price) || this.Price == 0.0)
                SetError("Price", "Price is required");

            OnPropertyChanged("Price");
        }
    }
}

After create the view, for example: SomeView.xaml, create ValidationViewModelBase class that inherits from ViewModelBase and implements IDataErrorInfo interface.

using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;

namespace ValidationOnTextInput.ViewModels
{
    public class ValidationViewModelBase : ViewModelBase, IDataErrorInfo
    {
        #region Properties

        private Dictionary<string, string> _errors = new Dictionary<string, string>();

        public virtual bool HasErrors
        {
            get
            {
                return _errors.Count > 0;
            }
        }

        #endregion

        #region Public

        public void SetError(string propertyName, string errorMessage)
        {
            _errors[propertyName] = errorMessage;
            this.OnPropertyChanged(propertyName);
        }

        #endregion

        #region Protected

        protected void ClearError(string propertyName)
        {
            this._errors.Remove(propertyName);
        }

        protected void ClearAllErrors()
        {
            List<string> properties = new List<string>();

            foreach (KeyValuePair<string, string> error in this._errors)
                properties.Add(error.Key);

            this._errors.Clear();

            foreach (string property in properties)
                this.OnPropertyChanged(property);
        }

        #endregion

        #region IDataErrorInfo Members

        public string Error
        {
            get
            {
                if (this.HasErrors)
                    return this._errors.First().Value;

                return null;
            }
        }

        public string this[string columnName]
        {
            get
            {
                if (this._errors.ContainsKey(columnName))
                {
                    return this._errors[columnName];
                }
                return string.Empty;
            }
        }

        #endregion
    }
}

Create view model, for example: SomeViewModel.cs, which inherits from ValidationViewModelBase class.
Example:

using [ProjectName].Models;

namespace [ProjectName].ViewModels
{
    public class SomeViewModel : ValidationViewModelBase
    {
        // Constructor
        public SomeViewModel()
        {
            
        }
    }
}

Binding the View to ViewModel, in this case is SomeView to SomeViewModel. This step includes: set ValidationOnDataErrors to True in the binding definition; set Intersoft:DataBinding.ClearErrorOnTextInput to True in order to have the error alert to disappear directly when user type into the textbox.
Example:
```
<Intersoft:UXTextBox HorizontalAlignment="Center" Width="60"
                        Text="{Binding Book.Price, Mode=TwoWay, ValidatesOnDataErrors=True, ValidatesOnExceptions=True, StringFormat=\{0:c\}}"
                        Intersoft:DataBinding.ClearErrorOnTextInput="True"/>
```

I enclosed a working simple sample of Model; ViewModel; and View for reference as attachment.

Hope this helps.

Problem with validation

georgiosd — Tue, 04 Oct 2011 05:41:45 GMT

Hello,

I’m having trouble getting a UXTextBox to show validation errors with the red outline and default call out

I have an entity on the server side (using EF 4.1 Code First)

class WebAccess
{
[Email]
public string Email { get; set; }

}

class User
{
// this one is required by default because it’s a complex type
public WebAccess WebAccess { get; set; }
}

EmailAttribute is a custom validation attribute. I’ve validated it works and that it gets copied over to the server.

In the view, I set the DataContext:

<ui:UXPage.DataContext>
<ViewModels:SuperAdministratorViewModel />
</ui:UXPage.DataContext>

And then:

<ui:UXItemsControl DataContext="{Binding NewAdministrator}" ItemContainerStyle="{StaticResource FieldLabelStyle}">

<ui:FieldLabel Header="Email" Style="{StaticResource RequiredFieldLabelStyle}">
<ui:UXTextBox Style="{StaticResource SimpleTextBoxStyle}"
Text="{Binding Path=WebAccess.Email, Mode=TwoWay, ValidatesOnDataErrors=True}"
ui:DataBinding.ClearErrorOnTextInput="True" />
</ui:FieldLabel>
</ui:UXItemsControl>

However, when I type and move the focus to another control, the validation won’t show at all

What am I missing here?

Thanks
Georgios