ELK/FrameworkLocal/UIClient/CenterViews/DataLogs/DataHistory/DataView.xaml

<UserControl
    x:Class="MECF.Framework.UI.Client.CenterViews.DataLogs.DataHistory.DataView"
    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:i="http://schemas.microsoft.com/expression/2010/interactivity"
    xmlns:converter="clr-namespace:MECF.Framework.UI.Client.Ctrlib.Converter"
    xmlns:xctk="http://schemas.xceed.com/wpf/xaml/toolkit"
    xmlns:micro="clr-namespace:Caliburn.Micro"
    xmlns:system="clr-namespace:System;assembly=mscorlib"
    xmlns:userControls="clr-namespace:MECF.Framework.UI.Client.ClientBase.UserControls"
    xmlns:converters="clr-namespace:Aitex.Core.UI.Converters;assembly=MECF.Framework.UI.Core"
    d:DesignHeight="450"
    d:DesignWidth="1000"
    mc:Ignorable="d">
    <UserControl.Resources>
        <converter:BoolReverseConverter x:Key="boolReverseConverter" />
        <converter:BoolVisibilityConverter x:Key="boolVisibilityConverter" />
        <converters:ControlWidthOrHeightConverter x:Key="controlWidthOrHeightConverter"/>
        <system:Boolean x:Key="True">True</system:Boolean>
        <system:Boolean x:Key="False">False</system:Boolean>
    </UserControl.Resources>
    <Grid IsEnabled="{Binding IsPermission}">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="260" />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition Height="200" />
        </Grid.RowDefinitions>

        <Grid Grid.RowSpan="2" Grid.Column="0">
            <Grid.RowDefinitions>
                <RowDefinition Height="100" />
                <RowDefinition Height="0" />
                <RowDefinition Height="1" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>

            <Border
                Grid.Row="0"
                Padding="5,1"
                Background="{StaticResource Table_BG_Content}"
                BorderBrush="{StaticResource Table_BD}"
                BorderThickness="1,0,1,1"
                IsEnabled="{Binding IsBusy, Converter={StaticResource boolReverseConverter}}">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="72"/>
                        <ColumnDefinition Width="1*"/>
                        <ColumnDefinition Width="1*"/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="5*"/>
                        <RowDefinition Height="5*"/>
                        <RowDefinition Height="6*"/>
                    </Grid.RowDefinitions>
                    <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" FontFamily="Arial" FontSize="14" Foreground="{StaticResource FG_Black}" Text="Start Time" />
                    <Button Grid.Column="1" Grid.ColumnSpan="2" x:Name="wfTimeFrom" Margin="1" ContentStringFormat="yyyy-MM-dd HH:mm:ss">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Click">
                                <micro:ActionMessage MethodName="SelectDate">
                                    <micro:Parameter Value="Start"/>
                                </micro:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>
                    <TextBlock Grid.Row="1" VerticalAlignment="Center" HorizontalAlignment="Center" FontFamily="Arial" FontSize="14" Foreground="{StaticResource FG_Black}" Text=" End Time" />
                    <Button Grid.Column="1" Grid.Row="1" Grid.ColumnSpan="2" x:Name="wfTimeTo" Margin="1" ContentStringFormat="yyyy-MM-dd HH:mm:ss">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Click">
                                <micro:ActionMessage MethodName="SelectDate">
                                    <micro:Parameter Value="End"/>
                                </micro:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>
                    <Button Margin="0,5,5,0"  Content="Query" Grid.Column="1" Grid.Row="2">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Click">
                                <micro:ActionMessage MethodName="QueryData">
                                    <micro:ActionMessage.Parameters>
                                        <micro:Parameter Value="{StaticResource False}" />
                                    </micro:ActionMessage.Parameters>
                                </micro:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>

                    <Button   Margin="0,5,5,0"   Content="Append" ToolTip="Append selected items to current chart" Grid.Column="2" Grid.Row="2">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Click">
                                <micro:ActionMessage MethodName="QueryData">
                                    <micro:ActionMessage.Parameters>
                                        <micro:Parameter Value="{StaticResource True}" />
                                    </micro:ActionMessage.Parameters>
                                </micro:ActionMessage>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </Button>
                </Grid>
            </Border>

            <Border
                Grid.Row="3"
                Padding="5"
                Background="{StaticResource Tab_BG}"
                BorderBrush="{StaticResource Tab_BD}"
                BorderThickness="1"
                IsEnabled="{Binding IsBusy, Converter={StaticResource boolReverseConverter}}"
                SnapsToDevicePixels="True">
                <userControls:ParameterNodeTreeViewControl
                    x:Name="tvParameterNodes"
                    PresetGroupsFolderName="DataHistory"
                    TreeRoot="{Binding ParameterNodes}" />
            </Border>
        </Grid>

        <GridSplitter
            Grid.Row="0"
            Grid.RowSpan="2"
            Grid.Column="1"
            Width="5"
            Margin="0,0,2,0"
            HorizontalAlignment="Left"
            VerticalAlignment="Stretch"
            Background="LightBlue"
            IsEnabled="{Binding IsBusy, Converter={StaticResource boolReverseConverter}}" />

        <!--  data chart  -->
        <Grid
            Grid.Row="0"
            Grid.Column="2"
            Margin="5,0,0,0">
            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="40"/>
            </Grid.RowDefinitions>
            <TabControl x:Name="tabControl">
                <TabItem Header="Chart">
                    <Grid>
                        <userControls:DataViewChart
                        x:Name="chart"
                        AutoRange="{Binding ChartAutoRange}"
                        IsEnabled="{Binding IsBusy, Converter={StaticResource boolReverseConverter}}"
                        RenderableSeries="{Binding SelectedData}"
                        VisibleRangeTime="{Binding VisibleRangeTime}"
                        VisibleRangeValue="{Binding VisibleRangeValue}"
                        Direction="{Binding Source={x:Reference Name=CbDirection},Path=Text}"/>
                        <userControls:FourArrowButton ArrowColor="{StaticResource Button_BG}"  VerticalAlignment="Top" HorizontalAlignment="Right" Margin="0,0,50,0"/>
                    </Grid>
                </TabItem>
                <TabItem Header="Table Format" Padding="5" x:Name="tabTable">
                        <!--<TreeView x:Name="treeView" FontSize="16" ItemsSource="{Binding HistoryData}">
                        <TreeView.ItemTemplate>
                        <HierarchicalDataTemplate ItemsSource="{Binding TValue}">
                        <TextBlock  Text="{Binding TKey}"/>
                        <HierarchicalDataTemplate.ItemTemplate>
                                    <HierarchicalDataTemplate ItemsSource="{Binding Value.Value}">-->
                        <DataGrid Grid.Row="1" Margin="0,5,10,0"
                           Width="{Binding ElementName=tabControl,Path=ActualWidth,Converter={StaticResource controlWidthOrHeightConverter}}"         
                          AutoGenerateColumns="False" Name="dataGrid1"
                           AlternationCount="2"
                                   CanUserAddRows="False"
                          CanUserSortColumns="False" 
                           FontSize="14" HorizontalAlignment="Left"
                           ScrollViewer.CanContentScroll="True"
                           VirtualizingPanel.IsContainerVirtualizable="True"
                           VirtualizingPanel.IsVirtualizing="True"
                           VirtualizingPanel.VirtualizationMode="Recycling"
                           EnableColumnVirtualization="True"
                           EnableRowVirtualization="True" >
                            <DataGrid.ColumnHeaderStyle>
                                <Style TargetType="DataGridColumnHeader">
                                    <Setter Property="Block.Foreground" Value="Black"/>
                                    <Setter Property="FontSize" Value="14"/>
                                    <Setter Property="Height" Value="80"/>
                                    <Setter Property="Width" Value="135"/>
                                    <Setter Property="HorizontalContentAlignment" Value="Center"/>
                                    <Setter Property="BorderThickness" Value="1,1,0,0"/>
                                    <Setter Property="BorderBrush" Value="{DynamicResource DataGrid_Header_BD_Highlight}"/>
                                    <Setter Property="Template">
                                        <Setter.Value>
                                            <ControlTemplate TargetType="{x:Type DataGridColumnHeader}">
                                                <Border BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Cursor="Hand">
                                                    <Border BorderBrush="{DynamicResource DataGrid_Header_BD}" BorderThickness="0,0,1,0">
                                                        <Grid Width="100" Height="80" Margin="0,5">
                                                            <TextBlock Text="{Binding Path=Content, RelativeSource={RelativeSource Mode=TemplatedParent}}" FontFamily="Arial" FontSize="16" TextWrapping="Wrap" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                                                        </Grid>
                                                    </Border>
                                                </Border>
                                            </ControlTemplate>
                                        </Setter.Value>
                                    </Setter>
                                </Style>
                            </DataGrid.ColumnHeaderStyle>
                            
                            <!--<DataGrid.Columns>
                                                <DataGridTemplateColumn Width="40" CanUserSort="True" SortMemberPath="Icon">
                                                    <DataGridTemplateColumn.CellTemplate>
                                                        <DataTemplate>
                                                            <Image Width="20" Height="20" HorizontalAlignment="Center" Stretch="Fill" VerticalAlignment="Center" Source="{Binding Icon}" />
                                                        </DataTemplate>
                                                    </DataGridTemplateColumn.CellTemplate>
                                                </DataGridTemplateColumn>
                            <DataGridTextColumn Width="200" Binding="{Binding dbName,Mode=OneWay}" Foreground="Black"  CanUserSort="True" CanUserReorder="True" IsReadOnly="True" CanUserResize="False">

                                <DataGridTextColumn.HeaderTemplate >
                                    <DataTemplate>
                                        <TextBlock Text="Name"  Foreground="{Binding LogType,Converter={StaticResource levelToColorConverter}}" VerticalAlignment="Center" TextAlignment="Center"/>
                                    </DataTemplate>
                                </DataGridTextColumn.HeaderTemplate>
                            </DataGridTextColumn>

                            <DataGridTextColumn Width="200" Binding="{Binding dateTime,Mode=OneWay}" Foreground="Black"  CanUserSort="True" CanUserReorder="True" IsReadOnly="True" CanUserResize="False">

                                                    <DataGridTextColumn.HeaderTemplate >
                                                        <DataTemplate>
                                                            <TextBlock Text="Time"  Foreground="{Binding LogType,Converter={StaticResource levelToColorConverter}}" VerticalAlignment="Center" TextAlignment="Center"/>
                                                        </DataTemplate>
                                                    </DataGridTextColumn.HeaderTemplate>
                                                </DataGridTextColumn>

                                                <DataGridTemplateColumn Header="Value" Width="*" CanUserSort="True"  CanUserReorder="False" IsReadOnly="True"  CanUserResize="False">
                                                    <DataGridTemplateColumn.HeaderTemplate >
                                                        <DataTemplate>
                                                         <TextBlock Text="Value" />
                                                        </DataTemplate>
                                                    </DataGridTemplateColumn.HeaderTemplate>
                                                    <DataGridTemplateColumn.CellTemplate>
                                                        <DataTemplate>
                                                            <TextBlock Text="{Binding value}"  Foreground="{Binding LogType,Converter={StaticResource levelToColorConverter}}" VerticalAlignment="Center" TextWrapping="Wrap" />
                                                        </DataTemplate>
                                                    </DataGridTemplateColumn.CellTemplate>
                                                </DataGridTemplateColumn>

                                            </DataGrid.Columns>-->
                        </DataGrid>
                        <!--</HierarchicalDataTemplate>
                                </HierarchicalDataTemplate.ItemTemplate>
                            </HierarchicalDataTemplate>
                        </TreeView.ItemTemplate>
                        -->
                        <!--将节点默认展开-->
                        <!--
                        <TreeView.ItemContainerStyle>
                            <Style TargetType="{x:Type TreeViewItem}">
                                <Setter Property="IsExpanded" Value="True"></Setter>
                            </Style>
                        </TreeView.ItemContainerStyle>
                    </TreeView>-->
                </TabItem>
            </TabControl>
            <userControls:BusyIndicator
                Width="Auto"
                Height="Auto"
                Padding="20,10"
                HorizontalAlignment="Center"
                VerticalAlignment="Center"
                Background="{StaticResource Tab_BG}"
                BorderBrush="Gray"
                BorderThickness="3"
                Message="{Binding BusyIndicatorContent}"
                Visibility="{Binding IsBusy, Converter={StaticResource boolVisibilityConverter}}">
                <i:Interaction.Triggers>
                    <i:EventTrigger EventName="Canceled">
                        <micro:ActionMessage MethodName="CancelQuery" />
                    </i:EventTrigger>
                </i:Interaction.Triggers>
            </userControls:BusyIndicator>

            <StackPanel Grid.Row="1" Orientation="Horizontal">
                <Button Content="Zoom In" Width="95" Margin="1,2,0,2">
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Click">
                            <micro:ActionMessage MethodName="ZoomInClick">
                                <micro:Parameter Value="{Binding Source={x:Reference Name=CbDirection},Path=SelectedIndex}"/>
                            </micro:ActionMessage>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </Button>
                <Button Content="Zoom Out" Width="95"  Margin="1,2,0,2">
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Click">
                            <micro:ActionMessage MethodName="ZoomOutClick">
                                <micro:Parameter Value="{Binding Source={x:Reference Name=CbDirection},Path=SelectedIndex}"/>
                            </micro:ActionMessage>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </Button>
                <ComboBox x:Name="CbDirection" SelectedIndex="0" IsEditable="False" Margin="2,2,0,2">
                    <ComboBoxItem Content="XYDirection"/>
                    <ComboBoxItem Content="XDirection"/>
                    <ComboBoxItem Content="YDirection"/>
                </ComboBox>
            </StackPanel>
        </Grid>

        <GridSplitter
            Grid.Row="1"
            Grid.Column="2"
            Height="5"
            Margin="0,0,2,0"
            HorizontalAlignment="Stretch"
            VerticalAlignment="Top"
            Background="LightBlue"
            IsEnabled="{Binding IsBusy, Converter={StaticResource boolReverseConverter}}" />

        <userControls:DataViewDataGrid
            x:Name="dataGrid"
            Grid.Row="1"
            Grid.Column="2"
            Margin="0,5,0,0"
            IsEnabled="{Binding IsBusy, Converter={StaticResource boolReverseConverter}}"
            IsShowStatisticColumn="True"
            ItemsSource="{Binding Path=SelectedData}">
            <i:Interaction.Triggers>
                <i:EventTrigger EventName="Deleted">
                    <micro:ActionMessage MethodName="Deleted">
                        <micro:Parameter Value="$source" />
                        <micro:Parameter Value="$eventargs" />
                    </micro:ActionMessage>
                </i:EventTrigger>
                <i:EventTrigger EventName="Exporting">
                    <micro:ActionMessage MethodName="Exporting">
                        <micro:Parameter Value="$source" />
                        <micro:Parameter Value="$eventargs" />
                    </micro:ActionMessage>
                </i:EventTrigger>
                <i:EventTrigger EventName="Exported">
                    <micro:ActionMessage MethodName="Exported">
                        <micro:Parameter Value="$source" />
                        <micro:Parameter Value="$eventargs" />
                    </micro:ActionMessage>
                </i:EventTrigger>
                <i:EventTrigger EventName="ProgressMessageUpdating">
                    <micro:ActionMessage MethodName="ProgressUpdating">
                        <micro:Parameter Value="$source" />
                        <micro:Parameter Value="$eventargs" />
                    </micro:ActionMessage>
                </i:EventTrigger>
            </i:Interaction.Triggers>
        </userControls:DataViewDataGrid>

    </Grid>
</UserControl>