返回到同一页面后，不会再次选择SelectedRow of datagrid

Question

我有两个不同的页面叫做选择和编辑。它们都共享名为SalesAccountsViewModel的相同ViewModel。

我在Select Page中有一个DataGrid，如下所示：

然后我从DataGrid选择任何项目：

然后我点击所选行上的编辑按钮，如下所示：

之后我被重定向到另一个页面，如下所示：

当我点击保存按钮时：

我再次被重定向到上一页，但你能看到第一行吗？它没有完全突出显示：

这是我使用的选择页面：

<Page x:Class="MiniAccountWPF.Views.Pages.Masters.SalesAccounts.Select"
      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:vm="clr-namespace:MiniAccountWPF.ViewModels.Masters"
      mc:Ignorable="d" 
      d:DesignHeight="300" d:DesignWidth="300"
    Title="Select" DataContext="{StaticResource salesAccountsViewModel}">

    <Grid>

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

        <Button Grid.Row="0" Margin="0,10" HorizontalAlignment="Left" 
                Content="{Binding SelectedChildMenuItem.MenuItemName, Converter={StaticResource createButtonContentConverter}, Source={StaticResource mainWindowViewModel}}" />

        <DataGrid Grid.Row="1" ItemsSource="{Binding Ledgers}" SelectedValue="{Binding SelectedLedger}" 
                  IsReadOnly="True" AutoGenerateColumns="False" SelectionMode="Single" SelectionUnit="FullRow">
            <DataGrid.Columns>
                <DataGridTextColumn Header="Customer Name" Binding="{Binding LedgerName}" />
                <DataGridTextColumn Header="City" Binding="{Binding City}" />
                <DataGridTemplateColumn Header="Mobile Numbers">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <TextBlock>
                                    <Run Text="{Binding MobileNo1, Converter={StaticResource mobileNumberFormatConverter}, ConverterParameter=N}" />
                                    <Run Text="{Binding MobileNo1, Converter={StaticResource mobileNumberFormatConverter}, ConverterParameter=S}" FontFamily="Consolas"/>
                                    <Run Text="   " FontFamily="Consolas"/>
                                    <Run Text="{Binding MobileNo2, Converter={StaticResource mobileNumberFormatConverter}, ConverterParameter=N}" />
                                    <Run Text="{Binding MobileNo2, Converter={StaticResource mobileNumberFormatConverter}, ConverterParameter=S}" FontFamily="Consolas"/>
                            </TextBlock>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridTextColumn Header="Opening Balance" Binding="{Binding OpeningBalance}" />
                <DataGridTemplateColumn Header="Edit">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <Button Content="Edit" Style="{StaticResource EditButton}" 
                                    Command="{Binding DataContext.EditCommand, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Page}}}"/>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridTemplateColumn Header="Delete">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <Button Content="Delete" Style="{StaticResource DeleteButton}" />
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
            </DataGrid.Columns>
        </DataGrid>

    </Grid>

</Page>

这是编辑页面：

<Page x:Class="MiniAccountWPF.Views.Pages.Masters.SalesAccounts.Edit"
      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:vm="clr-namespace:MiniAccountWPF.ViewModels.Masters"
      mc:Ignorable="d" 
      d:DesignHeight="300" d:DesignWidth="300"
    Title="Edit" DataContext="{StaticResource salesAccountsViewModel}">

    <Grid DataContext="{Binding SelectedLedger}">
        <Grid.RowDefinitions>
            <RowDefinition Height="40" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="10" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="10" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="10" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="10" />
            <RowDefinition Height="30" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>

        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="50" />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="20" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="350" />
        </Grid.ColumnDefinitions>

        <TextBlock Grid.Row="1" Grid.Column="1" Text="Name" Style="{StaticResource txtBlock}"/>
        <TextBlock Grid.Row="1" Grid.Column="1" Text=" : " HorizontalAlignment="Right" Style="{StaticResource txtBlock}"/>
        <TextBox Grid.Row="1" Grid.Column="2" Grid.ColumnSpan="3" Text="{Binding LedgerName}"/>

        <TextBlock Grid.Row="3" Grid.Column="1" Text="City" Style="{StaticResource txtBlock}"/>
        <TextBlock Grid.Row="3" Grid.Column="1" Text=" : " HorizontalAlignment="Right" Style="{StaticResource txtBlock}"/>
        <TextBox Grid.Row="3" Grid.Column="2" Text="{Binding City}"/>

        <TextBlock Grid.Row="5" Grid.Column="1" Text="Mobile No." Style="{StaticResource txtBlock}"/>
        <TextBlock Grid.Row="5" Grid.Column="1" Text=" : " HorizontalAlignment="Right" Style="{StaticResource txtBlock}"/>
        <TextBox Grid.Row="5" Grid.Column="2" Text="{Binding MobileNo1}"/>
        <TextBox Grid.Row="5" Grid.Column="4" Text="{Binding MobileNo2}"/>

        <TextBlock Grid.Row="7" Grid.Column="1" Text="Opening Balance    " Style="{StaticResource txtBlock}"/>
        <TextBlock Grid.Row="7" Grid.Column="1" Text=" : " HorizontalAlignment="Right" Style="{StaticResource txtBlock}"/>
        <TextBox Grid.Row="7" Grid.Column="2" Text="{Binding OpeningBalance}"/>

        <Grid Grid.Row="10" Grid.Column="4">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="10" />
                <ColumnDefinition Width="Auto" />
            </Grid.ColumnDefinitions>

            <Button Grid.Column="1" Content="Save" 
                    Command="{Binding DataContext.EditSaveCommand, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Page}}}"/>
            <Button Grid.Column="3" Content="Cancel" HorizontalAlignment="Left" 
                    Command="{Binding DataContext.EditCancelCommand, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Page}}}"/>

        </Grid>

    </Grid>

</Page>

ViewModel：

namespace MiniAccountWPF.ViewModels.Masters
{
    public class SalesAccountsViewModel: ViewModelBase, IModule
    {
        public SalesAccountsViewModel()
        {

            SessionViewModel.Instance.ModulesOpen.Add((IModule)this);

            using (MiniAccountDBEntities db = new MiniAccountDBEntities())
            {
                Ledgers = new ObservableCollection<Ledger>(db.Ledgers.Where(x => x.LedgerType.LedgerTypeName == "Customer"));
            }

            EditCommand = new RelayCommand(Edit_Click);
            EditSaveCommand = new RelayCommand(Edit_Save_Click);
            EditCancelCommand = new RelayCommand(Edit_Cancel_Click);
        }

        ~SalesAccountsViewModel()
        {
            SessionViewModel.Instance.ModulesOpen.Remove((IModule)this);
        }

        private ObservableCollection<Ledger> _ledgers;
        public ObservableCollection<Ledger> Ledgers
        {
            get
            {
                return _ledgers;
            }
            set
            {
                _ledgers = value;
                OnPropertyChanged("Ledgers");
            }
        }

        private Ledger _selectedLedger;
        public Ledger SelectedLedger
        {
            get
            {
                return _selectedLedger;
            }
            set
            {
                _selectedLedger = value;
                OnPropertyChanged("SelectedLedger");
            }
        }

        public ICommand EditCommand { get; set; }

        private void Edit_Click(object obj)
        {
            var mainWindowVM = SessionViewModel.GetModuleInstance("MainWindow", "MiniAccountWPF.ViewModels.MainWindowViewModel");
            ((MainWindowViewModel)mainWindowVM).InnerSourcePage = ((MainWindowViewModel)mainWindowVM).SelectedChildMenuItem.EditFrameNavigationURL;
        }

        public ICommand EditSaveCommand { get; set; }

        private void Edit_Save_Click(object obj)
        {
            using (MiniAccountDBEntities db = new MiniAccountDBEntities())
            {
                Ledger ledger = db.Ledgers.Single(x => x.LedgerID == SelectedLedger.LedgerID);
                ledger.LedgerName = SelectedLedger.LedgerName;
                ledger.City = SelectedLedger.City;
                ledger.MobileNo1 = SelectedLedger.MobileNo1;
                ledger.MobileNo2 = SelectedLedger.MobileNo2;
                ledger.OpeningBalance = SelectedLedger.OpeningBalance;
                db.SaveChanges();

                var mainWindowVM = SessionViewModel.GetModuleInstance("MainWindow", "MiniAccountWPF.ViewModels.MainWindowViewModel");
                ((MainWindowViewModel)mainWindowVM).InnerSourcePage = ((MainWindowViewModel)mainWindowVM).SelectedChildMenuItem.SelectFrameNavigationURL;
            }
        }

        public ICommand EditCancelCommand { get; set; }

        private void Edit_Cancel_Click(object obj)
        {
                var mainWindowVM = SessionViewModel.GetModuleInstance("MainWindow", "MiniAccountWPF.ViewModels.MainWindowViewModel");
                ((MainWindowViewModel)mainWindowVM).InnerSourcePage = ((MainWindowViewModel)mainWindowVM).SelectedChildMenuItem.SelectFrameNavigationURL;
        }

        public string ModuleFriendlyName
        {
            get { return "SalesAccountsViewModel"; }
        }

        public string ModuleName
        {
            get { return "SalesAccounts"; }
        }
    }
}

在ResourceDictionary中应用于DataGrid的样式：

<Style TargetType="{x:Type DataGrid}">
    <Setter Property="GridLinesVisibility" Value="Vertical" />
    <Setter Property="RowHeaderWidth" Value="0" />
</Style>

<Style TargetType="{x:Type DataGridColumnHeader}">
    <Setter Property="Background" Value="{StaticResource BrushHeaderBackground}" />
    <Setter Property="Foreground" Value="White" />
    <Setter Property="Padding" Value="10" />
    <Setter Property="FontSize" Value="16" />
    <Setter Property="FontWeight" Value="SemiBold" />
    <Setter Property="HorizontalContentAlignment" Value="Center"/>
    <Setter Property="BorderBrush" Value="White" />
    <Setter Property="BorderThickness" Value="1,0" />

    <Style.Triggers>
        <MultiTrigger>
            <MultiTrigger.Conditions>
                <Condition Property="IsMouseOver" Value="True" />
                <Condition Property="CanUserSort" Value="True" />
            </MultiTrigger.Conditions>
            <MultiTrigger.Setters>
                <Setter Property="Background" Value="{StaticResource BrushOrangeSelector}" />
            </MultiTrigger.Setters>
        </MultiTrigger>
        <MultiTrigger>
            <MultiTrigger.Conditions>
                <Condition Property="IsPressed" Value="True" />
                <Condition Property="CanUserSort" Value="True" />
            </MultiTrigger.Conditions>
            <MultiTrigger.Setters>
                <Setter Property="Background" Value="{StaticResource BrushBlueSelector}" />
            </MultiTrigger.Setters>
        </MultiTrigger>
    </Style.Triggers>
</Style>

<Style TargetType="{x:Type DataGridCell}">

    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type DataGridCell}">
                <Grid Background="{TemplateBinding Background}">
                    <ContentPresenter VerticalAlignment="Center" HorizontalAlignment="Center" />
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>

    <Setter Property="Background" Value="Gray" />
    <Setter Property="Foreground" Value="White" />
    <Setter Property="Padding" Value="10" />
    <Setter Property="FontSize" Value="16" />

    <Style.Triggers>
        <Trigger Property="IsSelected" Value="True">
            <Setter Property="Background" Value="{StaticResource BrushBlueSelector}" />
        </Trigger>
    </Style.Triggers>

</Style>

<Style TargetType='{x:Type DataGridRow}'>
    <Setter Property="Background" Value="Gray" />
    <Setter Property="HorizontalContentAlignment" Value="Center"/>
    <Style.Triggers>
        <Trigger Property="IsSelected" Value="True">
            <Setter Property="Background" Value="{StaticResource BrushBlueSelector}" />
        </Trigger>
    </Style.Triggers>
</Style>

Answer 1

问题是视图模型，它是在每个视图中创建的，导致人员集合的多个副本

所以我确实在ServiceLocator中为单个实例放置了一个VM属性并初始化了相同的

public ListViewModel ListViewModel {get; set;}

然后我从列表视图中替换了视图模型的声明以指向此属性

DataContext="{Binding ListViewModel, Source={x:Static vm:ServiceLocator.Instance}}"

这解决了集合的多个实例的问题，但是datagrid再次重新选择了一些问题，所以我添加了一个带有datatrigger的样式来重新应用选择

    <DataGrid.RowStyle>
        <Style TargetType="DataGridRow">
            <Style.Triggers>
                <Trigger Property="IsSelected"
                         Value="true">
                    <Setter Property="Background"
                            Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}" />
                    <Setter Property="Foreground"
                            Value="{DynamicResource {x:Static SystemColors.HighlightTextBrushKey}}" />
                </Trigger>
            </Style.Triggers>
        </Style>
    </DataGrid.RowStyle>

此触发器将确保即使重新加载页面也会选中该行。

这是一个working sample

---

修改

这是合并Metro.xaml

后问题的解决方案

从ListView中的DataGrid中删除DataGrid.RowStyle，并将Metro.xaml中提到的样式替换为这些

<Style TargetType="{x:Type DataGridCell}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type DataGridCell}">
                <ContentPresenter VerticalAlignment="Center" HorizontalAlignment="Center" />
            </ControlTemplate>
        </Setter.Value>
    </Setter>
    <Setter Property="FontSize" Value="16" />
    <Style.Triggers>
        <Trigger Property="IsSelected" Value="True">
            <Setter Property="Foreground" Value="Black" />
        </Trigger>
    </Style.Triggers>
</Style>

<Style TargetType='{x:Type DataGridRow}'>
    <Setter Property="TextElement.Foreground" Value="White" />
    <Setter Property="Background" Value="Gray" />
    <Setter Property="Height" Value="50" />
    <Setter Property="HorizontalContentAlignment" Value="Center"/>
    <Style.Triggers>
        <Trigger Property="IsSelected" Value="True">
            <Setter Property="Background" Value="#FFE1AF4D" />
            <Setter Property="TextElement.Foreground" Value="Black" />
        </Trigger>
    </Style.Triggers>
</Style>

Answer 2

它可能已经失去了焦点。我已经看到了部分呈现WPF控件的类似问题。

尝试将焦点放回目标网格控件。