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

时间：2014-08-26 09:21:26

标签： c# wpf datagrid

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

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

enter image description here

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

enter image description here

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

enter image description here

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

enter image description here

当我点击保存按钮时：

enter image description here

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

enter image description here

这是我使用的选择页面：

<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>

2 个答案:

答案 0 :(得分：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>

答案 1 :(得分：0)

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

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

相关问题
最新问题