如何在 WPF DataGrid 列中制作互斥复选框答案

【问题标题】：How to make mutually Exclusive checkBoxes in WPF DataGrid Columns如何在 WPF DataGrid 列中制作互斥复选框
【发布时间】：2012-01-24 12:54:40
【问题描述】：

我有以下 DataGrid 代码

<UserControl x:Class="abc.WPFApp.UCGrid"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:WPFtoolkit="http://schemas.microsoft.com/wpf/2008/toolkit"
    xmlns:local="clr-namespace:abc.WPFApp">

    <UserControl.Resources>
<!--Restrict editing based on IsVariable-->
        <Style x:Key="CheckBoxCellStyle" TargetType="{x:Type CheckBox}">
            <Style.Triggers>
                <DataTrigger Binding="{Binding Path=IsVariable}" Value="true">
                    <Setter Property="IsEnabled" Value="false"/>
                </DataTrigger>
            </Style.Triggers>
            <Setter Property="HorizontalAlignment" Value="Center"/>
        </Style>
</UserControl.Resources>
<Grid>
        <WPFtoolkit:DataGrid x:Name="UCdataGridView" ItemsSource="{Binding}"
                                                     CellStyle="{StaticResource defaultCellStyle}"
                                                     RowStyle="{StaticResource defaultRowStyle}"
                                                     ColumnHeaderStyle="{StaticResource defaultDataGridColumnHeader}"
                                                     SelectionUnit="FullRow"
                                                     IsSynchronizedWithCurrentItem="True" 
                                                     RowBackground="White" 
                                                     AlternatingRowBackground="AliceBlue"
                                     AutoGenerateColumns="False" SelectionMode="Extended" RowHeaderWidth="20"
                                     CanUserAddRows="True" CanUserDeleteRows="True" CanUserReorderColumns="False" 
                                     CanUserResizeColumns="True" AllowDrop="True" KeyUp="UCGridKeyUp" >
            <WPFtoolkit:DataGrid.Columns>


<WPFtoolkit:DataGridCheckBoxColumn x:Name="dgChkRepeatingData" Binding="{Binding Path=MasterDataFlag}" MaxWidth="135" MinWidth="80"
                                     Header="Repeating data" Visibility="Collapsed" IsReadOnly="{Binding (IsVariable)}" 
                                     EditingElementStyle="{StaticResource CheckBoxCellStyle}"
                                      >
                </WPFtoolkit:DataGridCheckBoxColumn>

                <WPFtoolkit:DataGridCheckBoxColumn MaxWidth="100" Header="Max Element" x:Name="dgChkMaxElement"
                                                   Binding="{Binding Path=MaxElement}" MinWidth="70" Visibility="Collapsed" 
                                    EditingElementStyle="{StaticResource CheckBoxCellStyle}">
                </WPFtoolkit:DataGridCheckBoxColumn>

                <WPFtoolkit:DataGridCheckBoxColumn MaxWidth="100" Header="In For Loop" x:Name="dgChkInForLoop"
                                                   Binding="{Binding Path=InForLoop}" MinWidth="70" Visibility="Collapsed" 
                                    EditingElementStyle="{StaticResource CheckBoxCellStyle}">
                </WPFtoolkit:DataGridCheckBoxColumn>

                <WPFtoolkit:DataGridTextColumn x:Name="dgXPath" Binding="{Binding Path=XPath}" Header="XPath" Width="500"
                                               Visibility="Collapsed" IsReadOnly="{Binding Path=IsVariable}"
                                               EditingElementStyle="{StaticResource TextBoxCellStyle}"/>
</WPFtoolkit:DataGrid.Columns>
        </WPFtoolkit:DataGrid>

此用户控件 Grid 由三个应该互斥的 Columns 组成。我想通过在 XAML 本身中创建触发器来实现这一点，我们该怎么做？

【问题讨论】：

您遇到的问题是显式设置值会覆盖任何触发器值。在进行数据绑定时，是否有任何理由无法在后端模型对象中实现排他性
你为什么要这样做？它是应用程序逻辑的一部分，属于 ViewModel 而不是 View。您真的不应该在 XAML 中使用触发器来实现应用程序逻辑/约束。
因为这些复选框无法从相应的 C# 文件中访问，我们如何使用 C# 代码实现这一点

标签： c# .net wpf xaml datagrid

【解决方案1】：

您可以使用带有复选框样式的单选按钮来实现互斥行为。如果您在绑定单选按钮时遇到任何问题：radiobutton-binding

<RadioButton IsChecked="{Binding VMProperty}" GroupName="IsSelectedGroup">
    <RadioButton.Style>
        <Style TargetType="{x:Type RadioButton}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="RadioButton">
                        <CheckBox IsChecked="{Binding IsChecked, Mode=TwoWay, RelativeSource={RelativeSource AncestorType=RadioButton}}" Content="{TemplateBinding Content}" />
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </RadioButton.Style>
</RadioButton>

但是，我同意贾斯特的观点。如果您将每一行绑定到一个 ViewModel，则放置此逻辑限制的地方就是 ViewModel。

【讨论】：

感谢您的建议。无论后端使用什么实现，无外观控件都可以轻松换出样式并实现预期的行为。我根据您的建议添加了所需的样式 - 完美无瑕！

【解决方案2】：

我正在尝试为第 3 列“InFor”创建这样的样式，但它根本不起作用

<Style x:Key="mutualCheckInForLoop" TargetType="{x:Type WPFtoolkit:DataGridCell}" BasedOn="{StaticResource {x:Type WPFtoolkit:DataGridCell}}">
            <Style.Triggers>
                <DataTrigger Binding="{Binding ElementName=dgChkRepeatingData,Path=IsChecked}" Value="True">
                    <Setter Property="CheckBox.IsChecked" Value="False" />
                </DataTrigger>
                <DataTrigger Binding="{Binding ElementName=dgChkMaxElement,Path=IsChecked}" Value="True">
                    <Setter Property="CheckBox.IsChecked" Value="False" />
                </DataTrigger>
            </Style.Triggers>
        </Style>

【讨论】：