如何在绑定到可观察集合时禁用数据网格中的单元格

本文关键字:数据网 数据 网格 单元格 绑定 集合 观察 | 更新日期: 2023-09-27 18:36:42

在我的程序中,我有一个用户控件,其中包含一个DataGrid,该ItemsSource绑定到ObservableCollection。对于该DataGrid我需要能够禁用和灰化特定单元格。我想最好在 c++ 中执行此操作,因为我可能需要更改在运行时发生这种情况的单元格。我知道如何使用IsReadOnly,但似乎我只能为整个列切换它。这成为一个问题,因为我的列绑定到数据,这使得我更难定位特定的网格单元格。

话虽如此,

XAML:

<DataGrid ItemsSource="{Binding Model.Collection}" ... >
    <DataGrid.Columns>
          <!-- Row Number -->
          <DataGridTextColumn Width="SizeToCells" IsReadOnly="True" Binding="{Binding rowNum}" />
          <!-- Inputs -->
          <DataGridTextColumn Width="SizeToCells" IsReadOnly="False" Header="Inputs" Binding="{Binding input}" />
          <!-- Outputs -->
          <DataGridTextColumn Width="SizeToCells" IsReadOnly="False" Header="Outputs" Binding="{Binding output}" />
    </DataGrid.Columns>
</DataGrid>

数据模型:

namespace Program.Data_Models
{
    public class CartIO_Model : PropertyChangedBase
    {
        private string test1 = "One";
        private string test2 = "Two";
        private string test3 = "Three";
        private string DISABLEDtest4 = "Four";
        private string DISABLEDtest5 = "Five";
        private ObservableCollection<collectionData> _collection; 
        public CartIO_Model()
        {
            Collection = new ObservableCollection<collectionData>();
            Collection.Add(new collectionData() { rowNum = 0, input = test1, output = ""});
            Collection.Add(new collectionData() { rowNum = 1, input = test2, output = ""});
            Collection.Add(new collectionData() { rowNum = 2, input = "", output = test3 });
            Collection.Add(new collectionData() { rowNum = 3, input = "", output = DISABLEDtest4 });
            Collection.Add(new collectionData() { rowNum = 4, input = DISABLEDtest5, output = ""});
        }
        public ObservableCollection<collectionData> Collection
        {...}
    }
    public class collectionData
    {
        public int rowNum { set; get; }
        public string input { set; get; }
        public string output { set; get; }
    }
}

我将在哪里以及如何控制启用/禁用哪些单元格?这让我感到困惑IsEnabled因为这是视图控件的特征,而不是ObservableCollection的特征。

如何在绑定到可观察集合时禁用数据网格中的单元格

您可以为列定义CellStyle,并根据模型或视图模型中的任何数据启用/禁用单元格。在这里,我禁用了输入列中的所有单元格,其输入值为 Test4

   <DataGrid ItemsSource="{Binding Model.Collection}"  >
        <DataGrid.Columns>
            <!-- Row Number -->
            <DataGridTextColumn Width="SizeToCells"  Binding="{Binding rowNum}">
            </DataGridTextColumn>
            <!-- Inputs -->
            <DataGridTextColumn Width="SizeToCells" Header="Inputs" Binding="{Binding input}" >
                <DataGridTextColumn.CellStyle>
                    <Style TargetType="DataGridCell">
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding input}" Value="Four">
                                <Setter Property="IsEnabled" Value="false"/>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </DataGridTextColumn.CellStyle>
            </DataGridTextColumn>
            <!-- Outputs -->
            <DataGridTextColumn Width="SizeToCells" IsReadOnly="False" Header="Outputs" Binding="{Binding output}" />
        </DataGrid.Columns>
    </DataGrid>

只需创建一个文本框样式。

    <Style x:Key="PoBodyTextBoxEditableStyle" TargetType="TextBox">
        <Style.Triggers>
            <DataTrigger Binding="{Binding Status, Converter={StaticResource PoStatusToEditableConverter}}"
                         Value="False">
                <Setter Property="IsEnabled"
                        Value="False" />
            </DataTrigger>
        </Style.Triggers>
    </Style>

并设置编辑元素样式。

<DataGridTextColumn x:Name="MyTextColumn"
                    Binding="{Binding MyText}"
                    Header="MyHeader"
                    Width="Auto"
                    EditingElementStyle="{StaticResource MyTextBoxEditableStyle}" />