如何根据绑定值在datagrid StackPanel中显示图像

Question

我需要根据绑定值将图像显示为单独的行。 Datagrid代码如下。

<DataGrid AutoGenerateColumns="False">
            <DataGrid.Columns>
                <DataGridTemplateColumn>
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <StackPanel>
                                <StackPanel Orientation="Horizontal">
                                    <TextBlock Text="OrderId : "/>
                                    <TextBlock Text="{Binding OrderId}"/>
                                </StackPanel>
                                <StackPanel Orientation="Horizontal">
                                    <TextBlock Text="OrderTime : "/>
                                    <TextBlock Text="{Binding OrderTime}"/>
                                </StackPanel>
                                <StackPanel Orientation="Horizontal">
                                    <TextBlock Text="OrderStatus : "/>
                                    <TextBlock Text="{Binding OrderStatus}"/>
                                </StackPanel>
                            </StackPanel>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
            </DataGrid.Columns>
        </DataGrid>

我想用<Image Source=""/>再添加一个StackPanel。 源路径将基于上方网格中的{Binding OrderStatus} 。 如果OrderStatus值为“ New”，我想显示new.png。 如果OrderStatus值为“ Old”，我想显示old.png，依此类推...

谁能帮我吗。

Answer 1

使用DataTrigger 。 该链接也有一个很好的例子。

Answer 2

<DataGrid AutoGenerateColumns="False">
            <DataGrid.Columns>
                <DataGridTemplateColumn>
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <StackPanel>
                                <StackPanel Orientation="Horizontal">
                                    <TextBlock Text="OrderId : "/>
                                    <TextBlock Text="{Binding OrderId}"/>
                                </StackPanel>
                                <StackPanel Orientation="Horizontal">
                                    <TextBlock Text="OrderTime : "/>
                                    <TextBlock Text="{Binding OrderTime}"/>
                                </StackPanel>
                                <StackPanel Orientation="Horizontal">
                                    <TextBlock Text="OrderStatus : "/>
                                    <TextBlock Text="{Binding OrderStatus}"/>
                                </StackPanel>

                <StackPanel Orientation="Horizontal">
                                    <Image Width="250px" Height="50px" Margin="3,0">
                                      <Image.Style>
                                       <Style TargetType="{x:Type Image}">
                                       <Style.Triggers>
                                       <DataTrigger Binding="{Binding OrderStatus}" Value="New">
                                       <Setter Property="Source" Value="/Images/New.png"/>
                                       </DataTrigger>
                                      <DataTrigger Binding="{Binding OrderStatus}" Value="Old">
                                      <Setter Property="Source" Value="/Images/Old.png"/>
                                      </DataTrigger>
                                      </Style.Triggers>
                                     </Style>
                                    </Image.Style>
                                   </Image>
                               </StackPanel>

                            </StackPanel>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
            </DataGrid.Columns>
        </DataGrid>