AutoCompleteBox e INotifyDataErrorInfo in Silverlight
-
26-10-2019 - |
Domanda
Qualcuno ha applicato con successo l'interfaccia INotifyDataErrorInfo e legato ad un AutoCompleteBox. Ho provato questo, ma non ottengo risposta. Il controllo non risponde come altri controlli vale a dire con un bordo rosso e un tooltip avvertimento. Inoltre non rendere il display di controllo Sintesi di convalida con il suo errore.
I aver messo in caselle di testo e datepickers standard e questi si comportano perfettamente come per i tanti esempi gentilmente forniti da persone su Internet.
sarebbe bello se ci fosse una risposta a questa per la coerenza del mio schermo, anche perché vorrei semplicemente si legano alla proprietà HasErrors che viene fornito con INotifyDataErrorInfo per attivare un pulsante quando si è pronti per salvare e non posso fare questo senza codice aggiuntivo per controllare che queste scatole siano corrette.
Al momento mi trattano in maniera diversa utilizzando un MVVMLight EventToCommand vincolante e registrare l'evento LostFocus.
<sdk:AutoCompleteBox x:Name="TransferTypeTextBox" SelectedItem="{Binding Path=SelectedTransferType, Mode=TwoWay, ValidatesOnNotifyDataErrors=True, NotifyOnValidationError=True}" ItemsSource="{Binding Path=TransferTypes}" IsTextCompletionEnabled="True" Grid.Row="1" Grid.Column="1" Margin="0,3" Width="238" HorizontalAlignment="Left" FontFamily="/PtrInput_Silverlight;component/Fonts/Fonts.zip#Calibri" FontSize="13.333">
<i:Interaction.Triggers>
<i:EventTrigger EventName="LostFocus">
<cmd:EventToCommand Command="{Binding TransferTypeLostFocusCommand}" PassEventArgsToCommand="True"/>
</i:EventTrigger>
</i:Interaction.Triggers>
</sdk:AutoCompleteBox>
Nel ViewModel ho poi gettato il RoutedEventArgs.OriginalSource a un controllo TextBox e ottenere il testo in questo modo, impedendo all'utente di lasciare la scatola a meno che non sia vuoto o corrispondenza di un elemento nella lista della scatola: -
private void OnTransferTypeLostFocus(RoutedEventArgs e)
{
System.Windows.Controls.TextBox box = (System.Windows.Controls.TextBox)e.OriginalSource;
// If user inputs text but doesn't select one item, show message.
if (this.Ptr.TransferType == null && !string.IsNullOrEmpty(box.Text))
{
MessageBox.Show("That is not a valid entry for Transfer Type", "Transfer type", MessageBoxButton.OK);
box.Focus();
}
}
Soluzione
Ho cercato di scrivere come semplice esempio che posso. Il mio modello osservare cambiamenti dei Testo di ricerca e validazione aggiornamento proprietà di proprietà.
public class MainViewModel : INotifyPropertyChanged, INotifyDataErrorInfo
{
private Dictionary<string, List<string>> ErrorMessages = new Dictionary<string, List<string>>();
public MainViewModel()
{
//Validation works automatically for all properties that notify about the changes
this.PropertyChanged += new PropertyChangedEventHandler(ValidateChangedProperty);
}
//Validate and call 'OnErrorChanged' for reflecting the changes in UI
private void ValidateChangedProperty(object sender, PropertyChangedEventArgs e)
{
if (e.PropertyName == "HasErrors") //avoid recursion
return;
this.ValidateProperty(e.PropertyName);
OnErrorsChanged(e.PropertyName);
OnPropertyChanged("HasErrors");
}
//Just compare a received value with a correct value, it's a simple rule for demonstration
public void ValidateProperty(string propertyName)
{
if (propertyName == "SearchText")
{
this.ErrorMessages.Remove(propertyName);
if (SearchText != "Correct value")
this.ErrorMessages.Add("SearchText", new List<string> { "Enter a correct value" });
}
}
private string searchText;
public string SearchText
{
get { return searchText; }
set
{
searchText = value;
OnPropertyChanged("SearchText");
}
}
#region INotifyDataErrorInfo
public IEnumerable GetErrors(string propertyName)
{
return this.ErrorMessages.Where(er => er.Key == propertyName).SelectMany(er => er.Value);
}
public bool HasErrors
{
get { return this.ErrorMessages.Count > 0; }
}
public event EventHandler<DataErrorsChangedEventArgs> ErrorsChanged = delegate { };
private void OnErrorsChanged(string propertyName)
{
ErrorsChanged(this, new DataErrorsChangedEventArgs(propertyName));
}
#endregion
public event PropertyChangedEventHandler PropertyChanged = delegate { };
protected virtual void OnPropertyChanged(string propertyName)
{
this.PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
}
}
E XAML:
<sdk:AutoCompleteBox Text="{Binding SearchText, Mode=TwoWay}" />
<Button IsEnabled="{Binding HasErrors, Converter={StaticResource NotConverter}}" Content="Save"/>
Il controllo ha un bordo rosso e il pulsante è disattivato quando il modello contiene errori.