FurnaceELK/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:forms="clr-namespace:System.Windows.Forms;assembly=System.Windows.Forms"
    xmlns:userControls="clr-namespace:MECF.Framework.UI.Client.ClientBase.UserControls"
    xmlns:dataHistory="clr-namespace:MECF.Framework.UI.Client.CenterViews.DataLogs.DataHistory" 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="375" />
            <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="80" />
                <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}}">
                <StackPanel Orientation="Horizontal">
                    <StackPanel Width="260" Margin="0,5">
                        <StackPanel.Resources>
                            <Style TargetType="xctk:DateTimeUpDown">
                                <Setter Property="Width" Value="180" />
                                <Setter Property="Format" Value="Custom" />
                                <Setter Property="FormatString" Value="yyyy/MM/dd HH:mm:ss" />
                            </Style>
                        </StackPanel.Resources>
                        <StackPanel Orientation="Horizontal" >
                            <TextBlock
                                Width="70"
                                VerticalAlignment="Center"
                                FontFamily="Arial"
                                FontSize="14"
                                Foreground="{StaticResource FG_Black}"
                                Text="Start Time" />
                            <Button x:Name="wfTimeFrom" Width="175" 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>
                            <!--<WindowsFormsHost
                                Width="170"
                                Height="22"
                                Margin="5,0,0,0"
                                VerticalAlignment="Center"
                                FontFamily="Arial"
                                FontSize="14">
                                <forms:DateTimePicker
                                    x:Name="wfTimeFrom"
                                    CustomFormat="yyyy/MM/dd HH:mm:ss"
                                    Format="Custom"
                                    Value="2011-8-1" />
                            </WindowsFormsHost>-->
                        </StackPanel>
                        <StackPanel Margin="0,5,0,0" Orientation="Horizontal">
                            <TextBlock
                                Width="70"
                                VerticalAlignment="Center"
                                FontFamily="Arial"
                                FontSize="14"
                                Foreground="{StaticResource FG_Black}"
                                Text="End Time" />
                            <Button x:Name="wfTimeTo" Width="175" 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>
                            <!--<WindowsFormsHost
                                Width="170"
                                Height="22"
                                Margin="5,0,0,0"
                                VerticalAlignment="Center"
                                FontFamily="Arial"
                                FontSize="14">
                                <forms:DateTimePicker
                                    x:Name="wfTimeTo"
                                    CustomFormat="yyyy/MM/dd HH:mm:ss"
                                    Format="Custom"
                                    Value="2011-8-1" />
                            </WindowsFormsHost>-->
                        </StackPanel>
                    </StackPanel>

                    <StackPanel>
                        <Button
                            Width="100"
                            Height="30"
                            Margin="0,5,5,0"
                            HorizontalAlignment="Right"
                            Content="Query">
                            <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
                            Width="100"
                            Height="30"
                            Margin="0,5,5,0"
                            HorizontalAlignment="Right"
                            Content="Append"
                            ToolTip="Append selected items to current chart">
                            <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>

                    </StackPanel>
                </StackPanel>

            </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">
                    <userControls:DataViewChart
                x:Name="chart"
                AutoRange="{Binding ChartAutoRange}"
                IsEnabled="{Binding IsBusy, Converter={StaticResource boolReverseConverter}}"
                RenderableSeries="{Binding SelectedData}"
                VisibleRangeTime="{Binding VisibleRangeTime}"
                VisibleRangeValue="{Binding VisibleRangeValue}" />
                </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 Margin="2,2,0,2" Width="95"  Content="Move Left">
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Click">
                            <micro:ActionMessage MethodName="ToLeftClick">
                            </micro:ActionMessage>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </Button>
                <Button  Margin="1,2,0,2" Width="95"  Content="Move Right">
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Click">
                            <micro:ActionMessage MethodName="ToRightClick">
                            </micro:ActionMessage>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </Button>

                <Button  Margin="1,2,0,2" Width="95"  Content="Move Up">
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Click">
                            <micro:ActionMessage MethodName="ToMoveUpClick">
                            </micro:ActionMessage>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </Button>
                <Button  Margin="1,2,0,2" Width="95"  Content="Move Down">
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Click">
                            <micro:ActionMessage MethodName="ToMoveDownClick">
                            </micro:ActionMessage>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </Button>
              
                <Button Content="Zoom In" Width="95" Margin="1,2,0,2">
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Click">
                            <micro:ActionMessage MethodName="ZoomInClick">
                            </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:ActionMessage>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </Button>

                <Button
                            Width="95"
                            Margin="1,2,0,2"
                            Content="X Zoom In">
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Click">
                            <micro:ActionMessage MethodName="XZoomInClick"/>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </Button>
                <Button
                            Width="100"
                            Margin="1,2,0,2"
                            Content="X Zoom Out">
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Click">
                            <micro:ActionMessage MethodName="XZoomOutClick"/>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </Button>
            </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>