在 WPF 数据网格中选中复选框时启用按钮

Question

我在 WPF 中有一个 Datagrid，其中 first column 有 checkbox 列，last column 有 buttons。最初，我想使所有按钮禁用所有按钮，并且每当检查任何checkbox时，该行的按钮应启用。 checkbox 是 unchecked 那么应该禁用按钮。

搜索了很多但找不到与此相关的任何内容。

我没有使用 MVVM.. 如何在后面的代码上执行此操作？

谢谢

这是我的 Xaml 代码，我只是将我的项目源分配给后面的代码

            <Grid Grid.Row="2" Grid.ColumnSpan="2" Margin="5" VerticalAlignment="Top" HorizontalAlignment="Center" >
            <Border BorderThickness="0" Margin="10" CornerRadius="15">
                <Border.BitmapEffect>
                    <DropShadowBitmapEffect />
                </Border.BitmapEffect>
                <Grid>
                    <Border x:Name="BDRounded" BorderThickness="0" CornerRadius="15" Background="White"/>
                    <DataGrid HorizontalAlignment="Left" x:Name="dgrdActors" RowHeight="74" AutoGenerateColumns="False" CanUserAddRows="False"
                                      BorderThickness="1,0,0,0" BorderBrush="#FFD1A251" FontSize="28" Foreground="#DCA566" FontFamily="Helvetica Neue" 
                                      CanUserResizeRows="False" AlternatingRowBackground="Linen" AlternationCount="2" Background="#DCA566"
                                      RowHeaderWidth="0" CanUserResizeColumns="False" CanUserSortColumns="False" CanUserReorderColumns="False"
                                      ScrollViewer.CanContentScroll="True" ScrollViewer.VerticalScrollBarVisibility="Visible" 
                                      HorizontalGridLinesBrush="#FFD1A251" VerticalGridLinesBrush="#FFD1A251" Height="326"
                                      SelectionMode="Extended" SelectionUnit="FullRow" VirtualizingStackPanel.VirtualizationMode="Standard"
                                      Style="{StaticResource DatagridStyle}">
                        <DataGrid.Columns>
                            <DataGridTemplateColumn Width="70" CanUserReorder="False" CanUserResize="False" CanUserSort="False" CellStyle="{StaticResource                      HitVisibilityCellStyle}" HeaderStyle="{StaticResource HeaderStyle}" >
                                <DataGridTemplateColumn.CellTemplate>
                                    <DataTemplate>
                                        <Viewbox Margin="-1">
                                            <!--<CheckBox x:Name="chkboxactors" HorizontalAlignment="Center" VerticalAlignment="Center" 
                                                      IsChecked="{Binding IsActorChecked, UpdateSourceTrigger=PropertyChanged}"></CheckBox>-->
                                            <CheckBox x:Name="chkboxActors" HorizontalAlignment="Center" VerticalAlignment="Center"></CheckBox>
                                        </Viewbox>
                                    </DataTemplate>
                                </DataGridTemplateColumn.CellTemplate>
                            </DataGridTemplateColumn>
                            <DataGridTextColumn Header="Actor Name(s)" Width="300" Binding="{Binding ActorName}" CanUserReorder="False" CellStyle="{StaticResource                              CellStyle}" CanUserResize="False" CanUserSort="False" HeaderStyle="{StaticResource HeaderStyle}"                            IsReadOnly="True">
                                <DataGridTextColumn.ElementStyle>
                                    <Style TargetType="TextBlock">
                                        <Setter Property="TextWrapping" Value="Wrap"/>
                                        <Setter Property="HorizontalAlignment" Value="Center"></Setter>
                                        <Setter Property="VerticalAlignment" Value="Center"></Setter>
                                    </Style>
                                </DataGridTextColumn.ElementStyle>
                            </DataGridTextColumn>
                            <DataGridTextColumn Header="Role(s)" Width="300" Binding="{Binding Role}" CanUserReorder="False" CellStyle="{StaticResource CellStyle}"                     CanUserResize="False" CanUserSort="False" HeaderStyle="{StaticResource HeaderStyle}" IsReadOnly="True">
                                <DataGridTextColumn.ElementStyle>
                                    <Style TargetType="TextBlock">
                                        <Setter Property="TextWrapping" Value="Wrap"/>
                                        <Setter Property="HorizontalAlignment" Value="Center"></Setter>
                                        <Setter Property="VerticalAlignment" Value="Center"></Setter>
                                    </Style>
                                </DataGridTextColumn.ElementStyle>
                            </DataGridTextColumn>
                            <DataGridTemplateColumn Width="250" CanUserReorder="False" CanUserResize="False" HeaderStyle="{StaticResource HeaderStyle}"                         CellStyle="{StaticResource HitVisibilityCellStyle}">
                                <DataGridTemplateColumn.CellTemplate>
                                    <DataTemplate>
                                        <Button x:Name="btnSelectRole" Content="Select Role" Style="{StaticResource DatagridButtonStyle}"></Button>
                                    </DataTemplate>
                                </DataGridTemplateColumn.CellTemplate>
                            </DataGridTemplateColumn>
                        </DataGrid.Columns>

                        <DataGrid.OpacityMask>
                            <VisualBrush Visual="{Binding ElementName=BDRounded}"/>
                        </DataGrid.OpacityMask>
                    </DataGrid>
                </Grid>
            </Border>
        </Grid>

Answer 1

你应该使用MVVM。DataBinding 很方便。

Xaml

<CheckBox Name="checkbox"  IsChecked="{Binding Checked, Mode = TwoWay}" />
<Button  IsEnabled="{Binding ButtonEnabled , Mode = TwoWay}" />

C#

在ViewModel

public class ViewMode : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;
    private bool _buttonChecked = false;
    public bool ButtonChecked
    { 
       get
       {
        return _buttonChecked;
       }
       set
       {
         if(value == true)
         {
          _buttonChecked = value;
           OnPropertyChanged("ButtonChecked");
         }
       }
   }

   private bool _checked;
   public bool Checked
   { 
     get
      {
        return _checked;
      }
     set
      {
         if(value == true)
         {
            _checked= value;
            ButtonChecked = value;
            OnPropertyChanged("Checked");
         }
      }
    }

   [NotifyPropertyChangedInvocator]
    private virtual void OnPropertyChanged(string propertyName = null)
    {
        PropertyChangedEventHandler handler = PropertyChanged;
        if (handler != null)
        {
            handler(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

Answer 2

这可以是您的 DataGrid 定义：

<DataGrid x:Name="TestDataGrid" ItemsSource="{Binding source}" AutoGenerateColumns="False" CanUserAddRows="False">
        <DataGrid.Columns>
            <DataGridTemplateColumn>
                <DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                            <CheckBox x:Name="TestBox" Content="Test" IsChecked="{Binding IsChecked, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}"/>
                    </DataTemplate>
                </DataGridTemplateColumn.CellTemplate>
            </DataGridTemplateColumn>
            <DataGridTemplateColumn>
                <DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                            <Button Content="Click" IsEnabled="{Binding IsChecked}"/>
                    </DataTemplate>
                </DataGridTemplateColumn.CellTemplate>
            </DataGridTemplateColumn>
        </DataGrid.Columns>
    </DataGrid>

后面的代码非常简单：

public partial class MainWindow : Window
{
    public ObservableCollection<Model> source { get; set; } 

    public MainWindow()
    {
        InitializeComponent();
        source = new ObservableCollection<Model>();
        source.Add(new Model());
        source.Add(new Model());
        this.DataContext = this;
    }
}

这可能是您的模特：

public class Model : DependencyObject
{
    public bool IsChecked
    {
        get { return (bool)GetValue(IsCheckedProperty); }
        set { SetValue(IsCheckedProperty, value); }
    }

    // Using a DependencyProperty as the backing store for IsChecked.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty IsCheckedProperty =
        DependencyProperty.Register("IsChecked", typeof(bool), typeof(Model), new PropertyMetadata(false));

}

或实现INPC接口：

public class Model : INotifyPropertyChanged
{
    private bool _IsChecked;

    public bool IsChecked
    {
        get { return _IsChecked; }
        set
        {
            _IsChecked = value;
            PropertyChanged(this, new PropertyChangedEventArgs("IsChecked"));
        }
    }

    public event PropertyChangedEventHandler PropertyChanged = delegate { };
}

Answer 3

如果 datagrid 绑定到您拥有的 object 中的 collection（理想情况下是模型的外观），则添加 IsSelected 属性到构成 collection 的 object。您可以将您的复选框数据绑定到属性.

到enable/disable按钮，有model/facade中的collection工具ICommand。然后，您可以使用 CanExecute 方法根据 IsSelected 的值 enable/disable 按钮。

public class User : ICommand, INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;
    public event EventHandler CanExecuteChanged
    {
        add
        {
            CommandManager.RequerySuggested += value;
        }
        remove
        {
            CommandManager.RequerySuggested -= value;
        }        
    }

    public bool IsSelected
    {
        get
        {
            return this.isSelected;
        }
        set
        {
            this.isSelected = value;
            CommandManager.InvalidateRequerySuggested();
            this.OnPropertyChanged("IsSelected");
        }
    }

    public bool CanExecute(object parameter) 
    { 
        return this.IsSelected; 
    }

    public void Execute(object parameter)
    {
        // ... Do stuff ...
    }

    private void RaiseCanExecuteChanged()
    {
        var handler = this.CanExecuteChanged;
        if (handler == null)
        {
            return;
        }

        handler(this, new PropertyChangedEventArgs(property));
    }

    private void OnPropertyChanged(string property)
    {
        var handler = this.PropertyChanged;
        if (handler == null)
        {
            return;
        }

        handler(this, new PropertyChangedEventArgs(property));
    }
}

现在您将复选框绑定到 IsSelected 属性。只要选中复选框，CanExecute 方法就会在 class.

上触发

理想情况下，您可以使用来自 MVVMLight 或 Prism 的 DelegateCommand class，它们具有 RaiseCanExecuteChanged() 方法。这使您可以避免使用 CommandManager 重新查询它。

Answer 4

给你！

无需在 ViewModel 中执行 enabling/disabling，因为这都可以在 XAML 中完成。

XAML:

<DataGrid ItemsSource="{Binding Items}" AutoGenerateColumns="False">
    <DataGrid.Columns>
        <DataGridCheckBoxColumn Binding="{Binding IsChecked, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}" />
        <DataGridTemplateColumn>
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <Button Width="100">
                        <Button.Style>
                            <Style TargetType="Button">
                                <Setter Property="IsEnabled" Value="false"/>
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding IsChecked}" Value="true">
                                        <Setter Property="IsEnabled" Value="True"/>
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </Button.Style>
                    </Button>
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
    </DataGrid.Columns>
</DataGrid>

视图模型：

public class ViewModel
{
    public List<Data> Items { get; private set; }
    public ViewModel()
    {
        Items = new List<Data>
        {
            new Data(),
            new Data(),
            new Data()
        };
    }
}

public class Data : INotifyPropertyChanged
{
    private bool _isChecked;
    public bool IsChecked 
    { 
        get  {return _isChecked; }
        set 
        {
            _isChecked = value;
            OnPropertyChanged("IsChecked");               
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    private void OnPropertyChanged(string property)
    {
        var handler = PropertyChanged;
        if (handler != null)
        {
            handler(this, new PropertyChangedEventArgs(property));
        }
    }
}

编辑： 由于您已请求代码隐藏实现，现在就开始吧。这是通过基于单击复选框的当前行遍历可视化树来实现的。

XAML:

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <DataGrid AutoGenerateColumns="False" x:Name="MyDataGrid">
        <DataGrid.Columns>
            <DataGridTemplateColumn>
                <DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                        <CheckBox Click="CheckBox_Clicked"/>
                    </DataTemplate>
                </DataGridTemplateColumn.CellTemplate>
            </DataGridTemplateColumn>
            <DataGridTemplateColumn>
                <DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                        <Button Width="100" x:Name="Button" IsEnabled="false" />
                    </DataTemplate>
                </DataGridTemplateColumn.CellTemplate>
            </DataGridTemplateColumn>
        </DataGrid.Columns>
    </DataGrid>
</Window>

XAML.CS:

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
        MyDataGrid.ItemsSource = new List<string>
        {
            "test",
            "test1",
            "test2",
            "test3"
        };
    }

    private void CheckBox_Clicked(object sender, RoutedEventArgs e)
    {
        var checkBox = sender as CheckBox;
        if (checkBox != null)
        {
            var associatedRow = VisualTreeHelper.GetParent(checkBox);

            while ((associatedRow != null) && (associatedRow.GetType() != typeof(DataGridRow)))
            {
                associatedRow = VisualTreeHelper.GetParent(associatedRow);
            }

            var dataGridRow = associatedRow as DataGridRow;
            if (dataGridRow != null)
            {
                var associatedButton = FindChild(dataGridRow, "Button");
                if (associatedButton != null)
                {
                    associatedButton.IsEnabled = checkBox.IsChecked.HasValue ? checkBox.IsChecked.Value : false;
                }
            }
        }
    }

    public static Button FindChild(DependencyObject parent, string childName)
    {
        if (parent == null) return null;

        Button foundChild = null;

        var childrenCount = VisualTreeHelper.GetChildrenCount(parent);
        for (var i = 0; i < childrenCount; i++)
        {
            var child = VisualTreeHelper.GetChild(parent, i);
            var childType = child is Button;
            if (!childType)
            {
                foundChild = FindChild(child, childName);
                if (foundChild != null) break;
            }
            else if (!string.IsNullOrEmpty(childName))
            {
                var frameworkElement = child as FrameworkElement;
                if (frameworkElement != null && frameworkElement.Name == childName)
                {
                    foundChild = (Button)child;
                    break;
                }
            }
            else
            {
                foundChild = (Button)child;
                break;
            }
        }
        return foundChild;
    }
}

Answer 5

 < DataGridTemplateColumn Header="{ Loc CellSettings_Min}" >

     <DataGridTemplateColumn.CellTemplate >

         < DataTemplate >

             < TextBox Width="100" Text="{ Binding Interval }" >

                 <TextBox.Style>

                     < Style TargetType = "TextBox" >

                         < Setter Property="IsEnabled" Value="false" />

                     < Style.Triggers >
          < DataTrigger Binding = "{ Binding AutoScale }" Value= "True" >
             < Setter Property = "IsEnabled" Value = "False" />  
          < /DataTrigger >
      < DataTrigger Binding = "{ Binding AutoScale }" Value="False" >
         < Setter Property = "IsEnabled" Value = "True" />
      </ DataTrigger >
      </ Style.Triggers >
    </ Style >
     </ TextBox.Style >
      </ TextBox >
      </ DataTemplate >
  </ DataGridTemplateColumn.CellTemplate >
  </ DataGridTemplateColumn >

在 WPF 数据网格中选中复选框时启用按钮

Enable button when checkbox is checked in WPF datagrid

wpf

wpfdatagrid