Comment définir la grille de données de la ligne de Fond, basé sur la valeur d'une propriété à l'aide de liaisons de données

Dans mon code XAML, je veux mettre le Background couleur de chaque ligne, basé sur la valeur de l'objet dans une ligne spécifique. J'ai un ObservableCollection de z, et chaque de la z a une propriété appelée State. J'ai commencé avec quelque chose comme ça dans mon DataGrid:

<DataGrid.RowStyle>
    <Style TargetType="DataGridRow">
        <Setter Property="Background" 
                Value="{Binding z.StateId, Converter={StaticResource StateIdToColorConverter}}"/>
     </Style>
</DataGrid.RowStyle>

C'est une mauvaise approche, car x n'est pas une propriété dans ma classe ViewModel.

Dans ma classe ViewModel j'ai un ObservableCollection<z> qui est le ItemsSource de cette DataGrid, et un SelectedItem de type z.

J'ai pu lier la couleur de SelectedItem, mais cela ne fera que changer une ligne dans le DataGrid.

Comment puis-je, basée sur un changement de propriété de cette lignes backgroundcolor?

InformationsquelleAutor Tobias Moe Thorstensen | 2013-08-05

141

Utiliser un DataTrigger:
```
<DataGrid ItemsSource="{Binding YourItemsSource}">
    <DataGrid.RowStyle>
        <Style TargetType="DataGridRow"> 
            <Style.Triggers>
                <DataTrigger Binding="{Binding State}" Value="State1">
                    <Setter Property="Background" Value="Red"></Setter>
                </DataTrigger>
                <DataTrigger Binding="{Binding State}" Value="State2">
                    <Setter Property="Background" Value="Green"></Setter>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </DataGrid.RowStyle>
</DataGrid>
```
- Je ne reçois: BindingExpression erreur de chemin d'accès: 'State' property not found on 'object' ''z' (HashCode=7162954)'. BindingExpression:Path=State; DataItem='z' (HashCode=7162954); target element is 'DataGridRow' (Name=''); target property is 'NoTarget' (type 'Object') Howcome qu'il ne trouve pas la Propriété de l'État lors de mon entité détient cette, et ma base de données indique l'État comme une colonne?
- J'espère que vous ne le faites pas comme z.State.
- Viens de tomber sur ce nouveau après le temps de l'wpf, souhaite que je pourrais upvote de nouveau!
- Ce qui est excellent. Dans la solution où je l'ai utilisé, j'avais besoin de l'état pour changer basée sur une enum valeur. Cette réponse sur StackOverflow m'a aidé avec ça.
- dans le cas où afficher la sélection ne fonctionne pas....je n'arrive pas à faire de sélection de ligne
- N'oubliez pas la propriété que vous lier à être public
- C'est doux, j'ai eu un moment difficile de l'utiliser Visual sélection et ensuite trouvé cette façon de l'utilisation de XAML pour format basé sur des données. Merci!
InformationsquelleAutor Nitesh

La même chose peut être fait sans DataTrigger trop:

 <DataGrid.RowStyle>
     <Style TargetType="DataGridRow">
         <Setter Property="Background" >
             <Setter.Value>
                 <Binding Path="State" Converter="{StaticResource BooleanToBrushConverter}">
                     <Binding.ConverterParameter>
                         <x:Array Type="SolidColorBrush">
                             <SolidColorBrush Color="{StaticResource RedColor}"/>
                             <SolidColorBrush Color="{StaticResource TransparentColor}"/>
                         </x:Array>
                     </Binding.ConverterParameter>
                 </Binding>
             </Setter.Value>
         </Setter>
     </Style>
 </DataGrid.RowStyle>

Où BooleanToBrushConverter est la classe suivante:

public class BooleanToBrushConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value == null)
            return Brushes.Transparent;

        Brush[] brushes = parameter as Brush[];
        if (brushes == null)
            return Brushes.Transparent;

        bool isTrue;
        bool.TryParse(value.ToString(), out isTrue);

        if (isTrue)
        {
            var brush =  (SolidColorBrush)brushes[0];
            return brush ?? Brushes.Transparent;
        }
        else
        {
            var brush = (SolidColorBrush)brushes[1];
            return brush ?? Brushes.Transparent;
        }
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

Encore mieux, c'est l'application d'une IMultiValueConverter (docs.microsoft.com/en-us/dotnet/api/...) pour simplement lier plus d'un bien et ont le convertisseur de retour de la bonne couleur pour l'état de ces multiples propriétés (I omettre l'échantillon, car ses vraiment semblable à la normale convertisseur de cas, mais je peux le poster si quelqu'un en ont besoin)

InformationsquelleAutor Vahagn Nahapetyan

En XAML, ajouter et définir une RowStyle Propriété de la grille de données avec un objectif de définir le arrière-plan de la Ligne, à la de la Couleur définie dans mon Objet Employé.

<DataGrid AutoGenerateColumns="False" ItemsSource="EmployeeList">
   <DataGrid.RowStyle>
        <Style TargetType="DataGridRow">
             <Setter Property="Background" Value="{Binding ColorSet}"/>
        </Style>
   </DataGrid.RowStyle>

Et dans ma Classe Employé

public class Employee {

    public int Id { get; set; }
    public string Name { get; set; }
    public int Age { get; set; }

    public string ColorSet { get; set; }

    public Employee() { }

    public Employee(int id, string name, int age)
    {
        Id = id;
        Name = name;
        Age = age;
        if (Age > 50)
        {
            ColorSet = "Green";
        }
        else if (Age > 100)
        {
            ColorSet = "Red";
        }
        else
        {
            ColorSet = "White";
        }
    }
}

De cette façon, chaque Ligne de la grille de données a la Couleur d'arrière-plan de la ColorSet Propriété de mon Objet.

J'aime cette méthode pour la couleur de l'objet est centralisée dans le modèle lui-même au lieu de la vue.
Sauf que cela viole les MVVM. Si vous n'avez pas de soins, avoir à elle. Mais l'expérience de l'utilisateur ne doit pas être déterminé par le modèle. C'est la Vue du Modèle, de l'emploi

InformationsquelleAutor NICK_WANTED

Vous devez vous connecter pour publier un commentaire.