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

时间:2015-07-21 13:37:58

标签: c# wpf xaml mvvm wpfdatagrid

我正在尝试在选中给定行的复选框时更改数据网格行的颜色,并且当未选中时,它应该将值重置为上一个。

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

我的XAML代码: -

 <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"); }
        } 

请让我知道我在做什么错误以使特定功能正常工作。

提前致谢,如有遗漏信息,请告知我们。

1 个答案:

答案 0 :(得分:2)

一些事情:

您已为该样式指定了x:Key,但未在DataGrid上使用该样式。删除键以使其成为所有DataGridRow的默认样式,或将其添加到网格中:

RowStyle="{StaticResource RowStyle}"

DataTrigger绑定中,您还需要添加

ElementName=lbUsers

此外,您的Checkbox未正确绑定 - 这不是通过Command完成的。您需要更改

Command={Binding...

IsChecked={Binding...