当复选框被选中时，更改wpf数据网格行背景颜色

本文关键字：数据网 数据 网格 颜色 背景 wpf 更改 复选框 | 更新日期: 2023-09-27 18:03:42

我试图改变我的数据网格行的颜色，当给定行的复选框被选中时，当未选中时，它应该将值重置为前一个。

我正在使用MVVM来实现上述功能。

My XAML CODE:- 

 <Window.Resources>
        <Style x:Key="RowStyle"  TargetType="{x:Type DataGridRow}">
            <Style.Triggers>
                <DataTrigger Binding="{Binding DataContext.IsChecked, UpdateSourceTrigger=PropertyChanged}" Value="True">
                    <Setter Property="Background" Value="Red"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
 </Window.Resources>
<Grid>
      <DataGrid Name="lbUsers" ItemsSource="{Binding  Data}" CanUserAddRows="False" Grid.Column="1" Grid.Row="1"  SelectedIndex="{Binding SelectionIndexChange, Mode=TwoWay}" AutoGenerateColumns="False">
            <DataGrid.Columns>
                <DataGridTemplateColumn>
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <CheckBox Width="45" Height="20" Command="{Binding ElementName=lbUsers,Path=DataContext.IsChecked}" ></CheckBox>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
            </DataGrid.Columns>
        </DataGrid>
</Grid>

下面是视图模型代码:

        public ViewModel ()
        {
            Data = new ObservableCollection<CommonData>
            {
            };
        }

    private ObservableCollection<CommonData> _data;
        public ObservableCollection<CommonData> Data
        {
            get
            {
                if (_data == null)
                {
                    _data = new ObservableCollection<CommonData>()
                    {
                    };
                }
                return _data;
            }
            set
            {
                if (value != this._data)
                {
                    this._data = value;
                    NotifyPropertyChanged("Data");
                }
            }
        }

        private bool _isChecked;
        public bool IsChecked
        {
            get { return _isChecked; }
            set { this._isChecked = value; NotifyPropertyChanged("IsChecked"); }
        }

请让我知道我做错了什么，以获得给定的功能工作。

提前感谢，如有遗漏请告知。

当复选框被选中时，更改wpf数据网格行背景颜色

几件事:

您已经将x:Key分配给样式，但没有在DataGrid上使用它。删除键，使其成为所有DataGridRow的默认样式，或将其添加到网格:

RowStyle="{StaticResource RowStyle}"

在DataTrigger绑定中，您还需要添加

ElementName=lbUsers

此外，您的Checkbox没有正确绑定—这不是通过Command完成的。您需要更改

Command={Binding...


IsChecked={Binding...
相关文章：