[MVVM] Gestion de l'état d'affichage [Résolu]

[DotNET74]

Hello,

J'ai une page avec un TextBox dont le XAML est le suivant:

Code :

1
2
3
4
5
6
7
<TextBox Text="{Binding Path=TextBoxLoginValue,Mode=TwoWay}" Grid.Row="1" Grid.Column="1" KeyUp="TextBox_KeyUp">
  <Interactivity:Interaction.Triggers>
    <Interactivity:EventTrigger EventName="TextChanged">
      <Interactivity:InvokeCommandAction Command="{Binding Path=TextBoxLoginTextChanged}"></Interactivity:InvokeCommandAction>
    </Interactivity:EventTrigger>
  </Interactivity:Interaction.Triggers>
</TextBox>

La commande du ViewModel est la suivante:

Code :

1
2
3
4
5
6
7
8
9
10
11
private void CheckParameters()
{
  if(this.TextBoxLoginValue==null||this.TextBoxLoginValue.Trim()==string.empty)
  {
    this.ButtonSaveIsEnabled = false;
   }
  else
  {
    this.ButtonSaveIsEnabled = true;
  }
}

Le xaml du bouton est comme suit:

Code :

1
2
3
4
5
6
7
<Button Content="{Binding Path=ButtonSaveContent}" IsEnabled="{Binding Path=ButtonSaveIsEnabled,Mode=TwoWay}" Width="250">
  <Interactivity:Interaction.Triggers>
    <Interactivity:EventTrigger EventName="Click">
      <Interactivity:InvokeCommandAction Command="{Binding Path=ButtonSaveClick}"/>
    </Interactivity:EventTrigger>
  </Interactivity:Interaction.Triggers>
</Button>

Le code fonctionne bien mais la vue ne se met pas à jour excepté lorsque je fais du pas à pas !!!!

Quelqu'un saurait pourquoi ?

Merci

[GuruuMeditation]

Le databinding de la textbox ne se fait que lorsqu'elle perd le focus.

Ce serait peut-être parce que, en pas à pas, la textbox perd le focus à un moment, donc le databinding se fait bien et donc le bouton devient actif?

[same66]

Salut DOTNET74,

Juste pour info, tu as cette méthode que tu devrais utiliser dans ton exemple
http://msdn.microsoft.com/fr-fr/libr...llorempty.aspx

Tu n'aurais plus qu'à remplacer par :

Code :

1
2
3
if(String.IsNullOrEmpty(this.TextBoxLoginValue)){
    //whatever you like
}

a+

[DotNET74]

@samee66

Merci pour l'info....

@guru

Comment faire pour contourner ce problème ?

[DotNET74]

Bon j'ai tenté de passer par un CommandParameter afin de transmettre la valeur de ma TextBox mais y rien dedans.

Déclaration de la commande:

Code :

TextBoxLoginTextChanged = new GalaSoft.MvvmLight.Command.RelayCommand<string>(param => CheckParameters(param));

Code de CheckParameters:

Code :

1
2
3
4
5
6
7
8
9
10
11
private void CheckParameters(string Message)
{
  if(this.TextBoxLoginValue==null||this.TextBoxLoginValue.Trim()==string.empty)
  {
    this.ButtonSaveIsEnabled = false;
   }
  else
  {
    this.ButtonSaveIsEnabled = true;
  }
}

Et le xaml pour finir:

Code :

1
2
3
4
5
6
7
<TextBox x:Name="TextBoxLogin" Text="{Binding Path=TextBoxLoginValue,Mode=TwoWay}" Grid.Row="1" Grid.Column="1" KeyUp="TextBox_KeyUp">
  <Interactivity:Interaction.Triggers>
    <Interactivity:EventTrigger EventName="TextChanged">
      <Interactivity:InvokeCommandAction Command="{Binding Path=TextBoxLoginTextChanged}" CommandParameter="{Binding ElementName=TextBoxLogin, Path=Text}"></Interactivity:InvokeCommandAction>
    </Interactivity:EventTrigger>
  </Interactivity:Interaction.Triggers>
</TextBox>

[Nathanael Marchand]

Hum... J'ai envie de dire que c'est un faux problème en fait
De ce que je comprends, tu veux invoquer une commande qui lance la vérification du contenu pour griser ou non ton bouton. Eh bien, c'est prendre le problème à l'envers.

Le constructeur de ta relaycommand peut prendre deux arguments en paramètre: le premier est un délégué de l'execution de l'action, le second est pour savoir si l'action peut s'executer. Plus besoin d'avoir un booléen pour savoir si le bouton doit etre grisé ou pas!

J'ai écrit un exemple dans mon tutoriel:
http://nathanaelmarchand.developpez..../?page=IV#LVII

[GuruuMeditation]

Envoyé par Nathanael Marchand

Le constructeur de ta relaycommand peut prendre deux arguments en paramètre: le premier est un délégué de l'execution de l'action, le second est pour savoir si l'action peut s'executer. Plus besoin d'avoir un booléen pour savoir si le bouton doit etre grisé ou pas!

C'est plus clean. Mais le plus gros problème est que le binding se fait lorsque le Textbox perd le focus (pas de UpdateSourceTrigger=PropertyChanged en WP7). Il faut alors une solution pour provoque le binding comme : http://stackoverflow.com/questions/4...hone-7-textbox

[DotNET74]

Bon pour finir....

J'utilise la messagerie de MVVM Light afin d'envoyé un message avec argument lorsque la TextBox est modifiée côté View et ViewModel est abonné à ce message et traite alors en conséquence ....

ça fonctionne et reste découplé

Donc merci à tous pour votre aide

[Nathanael Marchand]

Pour le coup, je pense que c'est un abus de découplage la