Question

我有一个数据网格绑定到自定义“模型”类的列表。在其中一个单元格中，我有4个矩形，表示我的模型类的4个不同的字符串属性。

如果相应的属性为空，则矩形应为黑色，否则为红色。我在每个矩形上使用DataTrigger来实现这一点并且它工作正常但我必须写四次相同的数据触发器，只有绑定路径发生变化。看起来它可能更有效率。

有没有一种聪明的方法来定义一次DataTrigger，并为每个元素使用不同的绑定路径（在我的情况下是矩形），它应用于？

感谢。

这是我的模特课：

class myModel
{
    [...]
    public string pr1 { get; set; }
    public string pr2 { get; set; }
    public string pr3 { get; set; }
    public string pr4 { get; set; }
    [...]
}

这是绑定到List<myModel>的数据网格：

<DataGrid AutoGenerateColumns="False" Height="200" Name="myDg" ItemsSource="{Binding}">
    <DataGrid.Columns>
        [...]
        <DataGridTemplateColumn Header="prs">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <StackPanel  Name="spRow" Orientation="Horizontal">
                        <Rectangle Height="15" Name="rPr1" Width="10">
                            <Rectangle.Style>
                                <Style TargetType="{x:Type Rectangle}">
                                    <Setter Property="Rectangle.Stroke" Value="Red"/>
                                    <Style.Triggers>
                                        <DataTrigger Binding="{Binding Path=pr1}" Value="">
                                            <Setter Property="Rectangle.Stroke" Value="Black"/>
                                        </DataTrigger>
                                    </Style.Triggers>
                                </Style>
                            </Rectangle.Style>
                        </Rectangle>
                        <Rectangle Height="15" Name="rPr2" Width="10">
                            <Rectangle.Style>
                                <Style TargetType="{x:Type Rectangle}">
                                    <Setter Property="Rectangle.Stroke" Value="Red"/>
                                    <Style.Triggers>
                                        <DataTrigger Binding="{Binding Path=pr2}" Value="">
                                            <Setter Property="Rectangle.Stroke" Value="Black"/>
                                        </DataTrigger>
                                    </Style.Triggers>
                                </Style>
                            </Rectangle.Style>
                        </Rectangle>
                        <Rectangle Height="15" Name="rPr3" Width="10">
                            <Rectangle.Style>
                                <Style TargetType="{x:Type Rectangle}">
                                    <Setter Property="Rectangle.Stroke" Value="Red"/>
                                    <Style.Triggers>
                                        <DataTrigger Binding="{Binding Path=pr3}" Value="">
                                            <Setter Property="Rectangle.Stroke" Value="Black"/>
                                        </DataTrigger>
                                    </Style.Triggers>
                                </Style>
                            </Rectangle.Style>
                        </Rectangle>
                        <Rectangle Height="15" Name="rPr4" Width="10">
                            <Rectangle.Style>
                                <Style TargetType="{x:Type Rectangle}">
                                    <Setter Property="Rectangle.Stroke" Value="Red"/>
                                    <Style.Triggers>
                                        <DataTrigger Binding="{Binding Path=pr4}" Value="">
                                            <Setter Property="Rectangle.Stroke" Value="Black"/>
                                        </DataTrigger>
                                    </Style.Triggers>
                                </Style>
                            </Rectangle.Style>
                        </Rectangle>
                    </StackPanel>
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
    </DataGrid.Columns>
</DataGrid>

Answer 1

是的，您可以创建一个派生自DataTrigger的类，并预先设置不变的详细信息：

  public class RedBlackDataTrigger : DataTrigger
  {
    public RedBlackDataTrigger()
    {
      Value = string.Empty;
      Setters.Add(new Setter(Rectangle.StrokeProperty, new SolidColorBrush(Colors.Black)));
    }
  }

您可以在XAML中使用它，只需添加绑定：

    <Rectangle Height="15" Width="10">
    <Rectangle.Style>
        <Style TargetType ="Rectangle">
            <Setter Property="Rectangle.Stroke" Value="Red"/>
            <Style.Triggers>
                <Your-Namespace:RedBlackDataTrigger Binding="{Binding Path=pr4}" />
            </Style.Triggers>
        </Style>
    </Rectangle.Style>
    </Rectangle>

由于您还复制了Style，因此您可以更进一步，创建派生样式类：

  public class RectangleStyle : Style
  {
    public RectangleStyle()
    {
      TargetType = typeof (Rectangle);
      Setters.Add(new Setter(Rectangle.StrokeProperty, new SolidColorBrush(Colors.Red)));
    }

    public string ColorTrigger
    {
      set
      {
        Triggers.Add(new RedBlackDataTrigger {Binding = new Binding(value) });
      }
    }
  }

现在你把事情简化为：

  <Rectangle Height="15" Width="10">
      <Rectangle.Style>
           <Your-Namespace:RectangleStyle ColorTrigger="pr4" />
      </Rectangle.Style>
  </Rectangle>

您甚至可以更进一步，创建一个派生的Rectangle类来完成所有操作。

Answer 2

有两种方式......

解决方案1：

您可以在祖先级别概括样式，然后在每个矩形中专门化模型属性。

执行此操作的方法是将特定pr属性与每个Rectangle的Tag绑定，然后使用Tag作为通用数据触发源。

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
    </Grid.RowDefinitions>
    <StackPanel Grid.Row="0" Orientation="Horizontal">
        <TextBox Margin="5" x:Name="MyTextBox1" Text="pr1" />
        <TextBox Margin="5" x:Name="MyTextBox2" Text="pr2" />
        <TextBox Margin="5" x:Name="MyTextBox3" Text="pr3" />
        <TextBox Margin="5" x:Name="MyTextBox4" Text="pr4" />
    </StackPanel>
    <StackPanel Grid.Row="1" Orientation="Horizontal">
        <StackPanel.Resources>
            <Style TargetType="{x:Type Rectangle}">
                <Setter Property="Height" Value="20"/>
                <Setter Property="Width" Value="20"/>
                <Setter Property="Stroke" Value="Black"/>
                <Setter Property="StrokeThickness" Value="1"/>
                <Setter Property="Margin" Value="5"/>
                <Style.Triggers>
                    <DataTrigger
                          Binding="{Binding Tag,
                              RelativeSource={RelativeSource Self}}"
                          Value="">
                        <Setter Property="Fill" Value="Red"/>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </StackPanel.Resources>
        <Rectangle Tag="{Binding Text, ElementName=MyTextBox1, Mode=OneWay}" />
        <Rectangle Tag="{Binding Text, ElementName=MyTextBox2, Mode=OneWay}" />
        <Rectangle Tag="{Binding Text, ElementName=MyTextBox3, Mode=OneWay}" />
        <Rectangle Tag="{Binding Text, ElementName=MyTextBox4, Mode=OneWay}" />
    </StackPanel>
</Grid>

因此，在上面的示例中，当您清除单个文本框时，会得到相应的红色矩形。请注意，我们在DataTrigger中使用了Tag，但我们也可以使用普通的Trigger ...

<Trigger Property="Tag" Value="">
    <Setter Property="Fill" Value="Red"/>
</Trigger>

解决方案2：

使用模型中的ItemsControl和4（或n）项来保存pr1..pr4值。

修改

<强> ....

更改模型以包含pr个对象的列表。我正在使用SourceFilter类来保存由pr'n'属性保存的双向可编辑字符串值...您可以使用任何类通过属性保存字符串值。

public List<SourceFilter> pr { get; set; }

然后我将四个属性加载为四个SourceFilter个对象......

pr = new List<SourceFilter>(); pr.Add(new SourceFilter("pr1")); pr.Add(new SourceFilter("pr2")); pr.Add(new SourceFilter("pr3")); pr.Add(new SourceFilter("pr4"));

然后我使用ItemsControl的ItemPanel，ItemsTemplate，ItemsSource来实现与步骤1完全相同的效果......

<Grid> <Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition Height="Auto"/> </Grid.RowDefinitions> <ItemsControl Grid.Row="0" ItemsSource="{Binding pr, ElementName=MyWindow2}"> <ItemsControl.ItemsPanel> <ItemsPanelTemplate> <StackPanel Orientation="Horizontal" IsItemsHost="True"/> </ItemsPanelTemplate> </ItemsControl.ItemsPanel> <ItemsControl.ItemTemplate> <DataTemplate> <TextBox Margin="5" Text="{Binding Path=Source, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/> </DataTemplate> </ItemsControl.ItemTemplate> </ItemsControl> <ItemsControl Grid.Row="1" ItemsSource="{Binding pr, ElementName=MyWindow2}"> <ItemsControl.ItemsPanel> <ItemsPanelTemplate> <StackPanel Orientation="Horizontal" IsItemsHost="True"/> </ItemsPanelTemplate> </ItemsControl.ItemsPanel> <ItemsControl.ItemTemplate> <DataTemplate> <DataTemplate.Resources> <Style TargetType="{x:Type Rectangle}"> <Setter Property="Height" Value="20"/> <Setter Property="Width" Value="20"/> <Setter Property="Stroke" Value="Black"/> <Setter Property="StrokeThickness" Value="1"/> <Setter Property="Margin" Value="5"/> <Style.Triggers> <DataTrigger Binding="{Binding Source}" Value=""> <Setter Property="Fill" Value="Red"/> </DataTrigger> </Style.Triggers> </Style> </DataTemplate.Resources> <Rectangle /> </DataTemplate> </ItemsControl.ItemTemplate> </ItemsControl> </Grid>

优势在于您不必在任何地方指定特定的pr1..pr4绑定。加上它的可扩展性（pr可以保存任何n值，并自动生成相同数量的矩形）。

保理数据触发器的代码绑定到不同的属性

2 个答案: