<UserControl x:Class="VIZ.TVP.FTB.Module.FTeamStandingView"
                      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                      xmlns:dx="http://schemas.devexpress.com/winfx/2008/xaml/core"
                      xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
                      xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
                      xmlns:dxmvvm="http://schemas.devexpress.com/winfx/2008/xaml/mvvm"
                      xmlns:dxrudex="http://schemas.devexpress.com/winfx/2008/xaml/reports/userdesignerextensions"
                      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
                      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
                      xmlns:core="clr-namespace:VIZ.Framework.Core;assembly=VIZ.Framework.Core"
                      xmlns:storage="clr-namespace:VIZ.TVP.FTB.Module"
             
                      xmlns:common="clr-namespace:VIZ.Package.Common;assembly=VIZ.Package.Common"
                      xmlns:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"
                      x:Name="uc"
                      mc:Ignorable="d"
                      d:DesignHeight="800" d:DesignWidth="650">

    <UserControl.Resources>
        <ResourceDictionary>
            <Style x:Name="gridCenter"  TargetType = "{x:Type dxg:GridColumn}" >
                <!--列头居中-->
                <Setter  Property = "HorizontalHeaderContentAlignment"  Value = "Center"  />
                <!--列值居中-->
                <Setter  Property = "EditSettings" >
                    <Setter.Value >
                        <dxe:TextEditSettings  HorizontalContentAlignment = "Center"  />
                    </Setter.Value >
                </Setter >
            </Style >
        </ResourceDictionary>
    </UserControl.Resources>

    <Grid >

        <Grid.RowDefinitions>
            <RowDefinition Height="60"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <WrapPanel Grid.Row="0" HorizontalAlignment="Center" VerticalAlignment="Center" Width="650" >
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="70"/>
                    <ColumnDefinition Width="285"/>
                    <ColumnDefinition Width="0"/>
                    <ColumnDefinition Width="150"/>
                    <ColumnDefinition Width="140"/>
                    <!--<ColumnDefinition Width="120"/>-->
                </Grid.ColumnDefinitions>

                <!--<TextBlock Grid.Column="0" Text="标题：" FontSize="16" VerticalAlignment="Center" HorizontalAlignment="Center"/>

                <dxe:TextEdit Grid.Column="1"   Width="280"  FontSize="16"   HorizontalContentAlignment="Left" 
                         HorizontalAlignment="Left" VerticalAlignment="Center"  Text="{Binding Title,Mode=TwoWay }"></dxe:TextEdit>-->

                <WrapPanel Grid.Row="0" Grid.Column="4" HorizontalAlignment="Center" VerticalAlignment="Center">

                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="100"/>
                            <ColumnDefinition Width="30"/>
                        </Grid.ColumnDefinitions>

                        <Button Grid.Column="0" Content="加载数据"  FontSize="14" Width="90"  Height="30" Command="{Binding BtnCmd}" />

                        <dx:SimpleButton  Grid.Row="0" Grid.Column="1"  Glyph='/VIZ.TVP.FTB.Module;component/Image/FT/Prompt2525.png' FontSize="16" 
                                          Command="{Binding PromptCommand}" HorizontalContentAlignment="Center"  Width="30" Height="30"  />
                    </Grid>
                </WrapPanel>


            </Grid>
        </WrapPanel>

       
        <DockPanel  Grid.Row="1">

            <ScrollViewer HorizontalScrollBarVisibility="Disabled"
                      VerticalScrollBarVisibility="Auto"
                      Name="PART_Options"
                      DockPanel.Dock="Right"
                      dx:ScrollBarExtensions.ScrollBarMode="TouchOverlap"
                      Focusable="False">

            </ScrollViewer>
            
            <dxg:GridControl x:Name="grid" ShowBorder="False" ItemsSource="{Binding Path= TeamRanksModel,Mode=TwoWay}">

                <dxg:GridColumn FieldName="rank"  Header="排名" Width="112"  />
                <dxg:GridColumn FieldName="teamLogo" Header="球队队徽" Width="112"/>
                <dxg:GridColumn FieldName="teamName"  Header="球队名" Width="112"    />
                <dxg:GridColumn FieldName="matchNum"  Header="场次" Width="180"  />
                <dxg:GridColumn FieldName="winNum" Header="胜" Width="100" />
                <dxg:GridColumn FieldName="drawNum" Header="平" Width="100"/>
                <dxg:GridColumn FieldName="loseNum" Header="负" Width="100"   />
                <dxg:GridColumn FieldName="goalAndLoseNums"  Header="进/失" Width="180"  />
                <dxg:GridColumn FieldName="score" Header="积分" Width="180"  />
     
                <dxg:GridControl.View>
                    <!--<dxg:TableView AutoWidth="True"  ShowGroupPanel="False" 
                               BorderThickness="0"  
                               ShowFilterPanelMode="Never" 
                               AllowColumnFiltering="False"
                               AllowSorting="False"
                               IsColumnMenuEnabled="False"  >
                    </dxg:TableView>-->

                    <dxg:TableView IsColumnMenuEnabled="True"
                                                       IsColumnChooserVisible="{Binding Path=IsColumnChooserVisible,Mode=TwoWay}"
                                                       AllowEditing="True" ShowIndicator="False"  AutoWidth="True"
                                                       NavigationStyle="Cell" ShowVerticalLines="False" ShowHorizontalLines="False"
                                                       ShowGroupPanel="False" EditorShowMode="MouseDown"
                                                       AllowDragDrop="True"
                                                       AlternateRowBackground="#05ffffff"
                                                       ShowBandsPanel="False"
                                                       ShowTotalSummary="False"
                                                       ShowFixedTotalSummary="False" 
                                                       ShowDragDropHint="False" 
                                                       AllowSorting="False" 
                                                       AllowColumnFiltering="False"
                                                       ShowTargetInfoInDragDropHint="false">

                        <dxmvvm:Interaction.Behaviors>
                            <dxmvvm:EventToCommand EventName="ShowGridMenu" Command="{Binding ElementName=uc, Path=DataContext.ShowGridMenuCommand}" PassEventArgsToCommand="True"></dxmvvm:EventToCommand>
                        </dxmvvm:Interaction.Behaviors>

                        <dxg:TableView.ColumnMenuCustomizations>
                            <dxb:BarButtonItem Name="ShowColumnChooser" Content="显示列选择" 
                                               Command="{Binding ElementName=uc,Path=DataContext.ColumnChoiceCommand}"
                                               Tag="{x:Static Member=common:GridControlHelper.KEEP_MENU_TAG}"/>
                        </dxg:TableView.ColumnMenuCustomizations>

                    </dxg:TableView>
                </dxg:GridControl.View>
            </dxg:GridControl>
        </DockPanel>


    </Grid>
</UserControl>