Discussion :

[Pragmateek]

Bonjour,

j'essaye d'obtenir le composant suivant :
une présentation des items en liste comme une ComboBox, dont chaque item serait éditable seulement quand il est l'item courant.
Au pire les items pourraient être tout le temps éditables.

Pour l'exemple supposons que les items à afficher soient des Database définies ainsi :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
using System.ComponentModel;
 
namespace TestWpfComboBox
{
    public class Database : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;
 
        protected void NotifyPropertyChanged(string info)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(info));
            }
        }
 
        private string _Name;
        public string Name
        {
            get
            {
                return this._Name;
            }
            set
            {
                this._Name = value;
                this.NotifyPropertyChanged("Name");
            }
        }
    }
}

J'ai donc d'abord tenté de faire une simple ComboBox éditable en mettant la propriété IsEditable à True, mais alors comment exposer la propriété Name des items afin de la modifier via la ComboBox ?

S'il n'est pas possible de procéder aussi simplement il est toujours possible de passer par l'ItemTemplate en utilisant une TextBox.
Mais le premier problème est de faire en sorte que la TextBox occupe tout l'espace.
Une première tentative non satisfaisante est :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<ComboBox ItemsSource="{Binding ElementName=Self,Path=Databases,UpdateSourceTrigger=PropertyChanged}">
	<ComboBox.ItemTemplate>
		<DataTemplate>
			<TextBox Text="{Binding Path=Name}" Width="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=ComboBox},Path=ActualWidth}" />
		</DataTemplate>
	</ComboBox.ItemTemplate>
</ComboBox>

En effet la TextBox n'occupe pas exactement l'espace et pire quand l'item est sélectionné elle occupe toute la largeur de l'écran !
Comment faire pour qu'elle s'adapte exactement ?

Mais ça c'est plutôt un détail, le vrai problème est que quand un item est sélectionné il n'est plus possible d'en éditer la TextBox.
Ce qui est une restriction du comportement "édition tout le temps" et le contraire du comportement idéal souhaité : "édition seulement quand sélectionné".


Donc : avez vous des pistes pour obtenir le comportement idéal "édition seulement quand sélectionné", sinon pour obtenir le comportement "édition tout le temps" ?
Malheureusement il ne semble pas exister de "SelectedItemTemplate" ou de "EditTemplate" qui auraient sans doute pu simplifier la tâche.


Merci d'avance.

PS : En pièce jointe se trouve un projet minimal illustrant les problèmes.

[binoo]

Salut,

En effet la TextBox n'occupe pas exactement l'espace et pire quand l'item est sélectionné elle occupe toute la largeur de l'écran !
Comment faire pour qu'elle s'adapte exactement ?

Si tu fixe la largeur de ta comboBox, c'est bon


Après, je n'a pas bien compris ce que tu veux... Tu veux pouvoir entrer une valeur qui n'est pas dans la ComboBox, c'est ça ?

[binoo]

Sinon t'as peut-être un truc comme ça :

Code xml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
  <Grid>
    <Grid.ColumnDefinitions>
      <ColumnDefinition />
      <ColumnDefinition Width="18" MaxWidth="18" />
    </Grid.ColumnDefinitions>
 
    <ComboBox x:Name="Combo1" x:FieldModifier="private" 
              Grid.Column="0" Grid.ColumnSpan="2" Background="Transparent" 
              IsTabStop="False" 
              ItemsSource="{Binding ElementName=Self,Path=Databases,UpdateSourceTrigger=PropertyChanged}" 
              Text="{Binding Name}" 
              Margin="0,2,0,0" VerticalAlignment="Center" >
      <ComboBox.ItemTemplate>
        <DataTemplate>
          <TextBlock Text="{Binding Path=Name}" />
        </DataTemplate>
      </ComboBox.ItemTemplate>
    </ComboBox>
    <TextBox Grid.Column="0"
             Text="{Binding ElementName=Combo1, Path=SelectedValue.Name}"
             Margin="1,2,0,0" VerticalAlignment="Center" 
             />
  </Grid>

A défaut d'avoir vu comment faire avec le IsEditable, tu peux utiliser un textbox que tu places par dessus (cf l'exemple)

[Thomas Lebrun]

En effet la TextBox n'occupe pas exactement l'espace et pire quand l'item est sélectionné elle occupe toute la largeur de l'écran !

HorizontalAlignment à Stretch ?

[ikeas]

ya pas horizontalcontentaligment la dessus ?

[Pragmateek]

Merci de vos réponses.

Sinon t'as peut-être un truc comme ça :
...
A défaut d'avoir vu comment faire avec le IsEditable, tu peux utiliser un textbox que tu places par dessus (cf l'exemple)

C'est un peu un "hack" mais ça marche nickel; le seul détail gênant est le "18" en dur.

HorizontalAlignment à Stretch ?

Sur la TextBox ? Non ça ne change rien à son rendu.

ya pas horizontalcontentaligment la dessus ?

En effet sur la ComboBox ça donne l'effet voulu.
Sauf que ... il y a un peu de marge de part et d'autre des TextBox.

En tout cas ça fait pas mal de pistes, merci beaucoup.

[ikeas]

ca pour les marge tu joue avec les margin sur tes textbox ca devrais aller

[Thomas Lebrun]

Merci de vos réponses.


C'est un peu un "hack" mais ça marche nickel; le seul détail gênant est le "18" en dur.

Si tu te fais un Templated Control, tu pourras paramétrer cette valeur normalement.