ELK/Furnace/FurnaceUI/Views/Parameter/BackUpCompareView.xaml

<UserControl x:Class="FurnaceUI.Views.Parameter.BackUpCompareView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
               xmlns:converter1="clr-namespace:Aitex.Core.UI.Converters;assembly=MECF.Framework.UI.Core"
               xmlns:systemConfig="clr-namespace:MECF.Framework.UI.Client.CenterViews.Configs.SystemConfig;assembly=MECF.Framework.UI.Client"
             xmlns:local="clr-namespace:FurnaceUI.Views.Parameter" xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" xmlns:cal="http://www.caliburn.org"
 xmlns:usercontrols="clr-namespace:MECF.Framework.UI.Client.ClientBase.UserControls;assembly=MECF.Framework.UI.Client"
             mc:Ignorable="d"  d:DesignHeight="700" d:DesignWidth="1000"
           >
    <UserControl.Resources>
        <Style TargetType="ScrollBar" BasedOn="{StaticResource ExOnlyVerticalScrollBar}"/>
        <converter1:Bool2CollapsedReverseConverter  x:Key="Bool2CollapsedReverseConverter"/>
        <HierarchicalDataTemplate x:Key="ConfigNodeTemplate" DataType="{x:Type systemConfig:ConfigNode}" ItemsSource="{Binding SubNodes}">
            <TextBlock Text="{Binding Display}" VerticalAlignment="Center" FontSize="18" Margin="0,5,0,5">
            </TextBlock>
        </HierarchicalDataTemplate>
        <converter1:BoolToBoolReverseConverter  x:Key="BoolToBoolReverseConverter"/>
    </UserControl.Resources>
    <Grid IsEnabled="{Binding  BusyIndicatorVisibility,UpdateSourceTrigger=PropertyChanged,Converter={StaticResource BoolToBoolReverseConverter}}">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="280" ></ColumnDefinition>
            <ColumnDefinition Width="948"></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <TreeView x:Name="PART_TREE" Height="700" ItemsSource="{Binding ConfigNodes}" ItemTemplate="{StaticResource ConfigNodeTemplate}"
    VirtualizingPanel.IsVirtualizing="True" VirtualizingPanel.VirtualizationMode="Recycling"
>
            <!--Height should add for VirtualizingPanel, otherwise the App will be slow-->
            <TreeView.ItemContainerStyle>
                <Style TargetType="{x:Type TreeViewItem}" BasedOn="{StaticResource ResourceKey={x:Type TreeViewItem}}">
                    <Setter Property="IsExpanded" Value="{Binding IsExpanded}"></Setter>
                </Style>
            </TreeView.ItemContainerStyle>
            <i:Interaction.Triggers>
                <i:EventTrigger EventName="SelectedItemChanged">
                    <i:InvokeCommandAction Command="{Binding TreeViewSelectedItemChangedCmd}" CommandParameter="{Binding Path=SelectedItem, ElementName=PART_TREE}"/>
                </i:EventTrigger>
            </i:Interaction.Triggers>
        </TreeView>
        <Grid Grid.Column="1">
            <Grid.RowDefinitions>
                <RowDefinition Height="45"></RowDefinition>
                <RowDefinition></RowDefinition>
            </Grid.RowDefinitions>
            
            <Border>
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition ></ColumnDefinition>
                        <ColumnDefinition ></ColumnDefinition>
                        <ColumnDefinition ></ColumnDefinition>
                    </Grid.ColumnDefinitions>
                    <StackPanel Orientation="Horizontal"  Margin="3,0,0,0">
                        <Button  Content="Show All Item" Visibility="{Binding IsShowAll,UpdateSourceTrigger=PropertyChanged,Converter={StaticResource Bool2CollapsedReverseConverter}}"  Foreground="{DynamicResource FG_Black}" FontSize="16" Height="40" Width="150" FontFamily="Arial" >
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Click">
                                    <cal:ActionMessage MethodName="IsShowAllItemClick">
                                        <cal:Parameter Value="true"/>
                                    </cal:ActionMessage>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </Button>
                        <Button  Content="Only the display is different"  Visibility="{Binding IsShowAll,UpdateSourceTrigger=PropertyChanged,Converter={StaticResource bool2VisibilityConverter }}"  Foreground="{DynamicResource FG_Black}" FontSize="16" Height="40" Width="auto" FontFamily="Arial" >
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Click">
                                    <cal:ActionMessage MethodName="IsShowAllItemClick">
                                        <cal:Parameter Value="false"/>
                                    </cal:ActionMessage>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </Button>

                    </StackPanel>
                    <StackPanel Grid.Column="1" Orientation="Horizontal">
                        <Border
Grid.Column="1"
Margin="18,0,0,0"
Padding="5,1,0,1"
Background="{DynamicResource Table_BG_Title}"
BorderBrush="{DynamicResource Table_BD}"
BorderThickness="1,1,1,1">
                            <TextBlock
    VerticalAlignment="Center"
    FontSize="13"
    Foreground="{DynamicResource FG_Black}"
    Text="Time："
    TextWrapping="Wrap"/>
                        </Border>
                        <Border
Grid.Column="2"
Margin="0,0,4,0"
Padding="5,1"
Background="{DynamicResource Table_BG_Content}"
BorderBrush="{DynamicResource Table_BD}"
BorderThickness="0,1,1,1">
                            <TextBlock
    HorizontalAlignment="Left"
    VerticalAlignment="Center"
    FontSize="13"
    Foreground="{DynamicResource FG_Black}"
    Text="{Binding SelectItemNames[1]}"
    TextWrapping="Wrap"
    ToolTip="{Binding SelectItemNames[1]}"/>
                        </Border>
                    </StackPanel>
                    <StackPanel Grid.Column="2" Orientation="Horizontal">
                        <Border
Grid.Column="1"
Margin="18,0,0,0"
Padding="5,1,0,1"
Background="{DynamicResource Table_BG_Title}"
BorderBrush="{DynamicResource Table_BD}"
BorderThickness="1,1,1,1">
                            <TextBlock
    VerticalAlignment="Center"
    FontSize="13"
    Foreground="{DynamicResource FG_Black}"
    Text="Time："
    TextWrapping="Wrap"/>
                        </Border>
                        <Border
Grid.Column="2"
Margin="0,0,4,0"
Padding="5,1"
Background="{DynamicResource Table_BG_Content}"
BorderBrush="{DynamicResource Table_BD}"
BorderThickness="0,1,1,1">
                            <TextBlock
    HorizontalAlignment="Left"
    VerticalAlignment="Center"
    FontSize="13"
    Foreground="{DynamicResource FG_Black}"
    Text="{Binding SelectItemNames[0]}"
    TextWrapping="Wrap"
    ToolTip="{Binding SelectItemNames[0]}"/>
                        </Border>
                    </StackPanel>
                </Grid>


            </Border>

            <DataGrid   
 Height="600" Margin="3,0,25,0"  Grid.Row="1" Visibility="{Binding GridHistoryVisibility}" Name="dataGrid"  ItemsSource="{Binding HistoryTableDatas,UpdateSourceTrigger=PropertyChanged,Mode=TwoWay}" 
          ScrollViewer.CanContentScroll="True" 
          ScrollViewer.VerticalScrollBarVisibility="Auto"
          ScrollViewer.HorizontalScrollBarVisibility="Auto"
VirtualizingStackPanel.ScrollUnit="Pixel"
          AutoGenerateColumns="False"  SelectionMode="Single"
 SelectionUnit="FullRow"
          CanUserReorderColumns="False" CanUserAddRows="False"
          CanUserSortColumns="False" 
          IsReadOnly="True" FontSize="19" >
                <DataGrid.Columns>

                    <DataGridTemplateColumn  Width="390" IsReadOnly="True">
                        <DataGridTemplateColumn.Header>
                            <TextBlock Text="Item Name" FontWeight="Bold" HorizontalAlignment="Center"/>
                        </DataGridTemplateColumn.Header>
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <Label Height="45"  HorizontalAlignment="Left" VerticalAlignment="Top">
                                    <TextBlock Text="{Binding Name}" TextWrapping="Wrap" VerticalAlignment="Center"   Margin="5,0,5,0"/>
                                </Label>
                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                    </DataGridTemplateColumn>
                    <DataGridTemplateColumn Width="240" IsReadOnly="True">
                        <DataGridTemplateColumn.Header>
                            <TextBlock Text="Item Value" FontWeight="Bold" HorizontalAlignment="Center"/>
                        </DataGridTemplateColumn.Header>
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <Label  Height="45"  Width="auto"  Content="{Binding ValueStr}"  VerticalContentAlignment="Center" />

                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                    </DataGridTemplateColumn>
                    <DataGridTemplateColumn  Width="240" IsReadOnly="True">
                        <DataGridTemplateColumn.Header>
                            <TextBlock Text="Item Value" FontWeight="Bold" HorizontalAlignment="Center"/>
                        </DataGridTemplateColumn.Header>
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>

                                <Label  Height="45"  Width="auto"  Content="{Binding CompareValueStr}"  VerticalContentAlignment="Center" />

                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                    </DataGridTemplateColumn>

                </DataGrid.Columns>
                <DataGrid.RowStyle>
                    <Style TargetType="DataGridRow">
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding IsDifference}" Value="true">
                                <Setter Property="Background" Value="Yellow"/>
                            </DataTrigger>
                            <DataTrigger Binding="{Binding IsHidden}" Value="True">
                                <Setter Property="Visibility" Value="Collapsed"/>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>

                </DataGrid.RowStyle>
            </DataGrid>

        </Grid>

        <usercontrols:BusyIndicator
            Grid.ColumnSpan="2"
            Grid.RowSpan="2"
Panel.ZIndex="13"
HorizontalContentAlignment="Center"
Width="Auto"
Height="Auto"
Padding="20,10"
HorizontalAlignment="Center"
VerticalContentAlignment="Center"
VerticalAlignment="Center"
Background="{StaticResource Tab_BG}"
BorderBrush="Gray"
BorderThickness="3"
Message="{Binding BusyIndicatorContent}"
Visibility="{Binding BusyIndicatorVisibility, UpdateSourceTrigger=PropertyChanged, Converter={StaticResource bool2VisibilityConverter}}">
        </usercontrols:BusyIndicator>

    </Grid>
</UserControl>