Question

我对WPF很新，所以我想我会从一些简单的东西开始：一个允许用户管理用户的窗口。窗口包含DataGrid以及若干用于添加或编辑用户的输入控件。当用户选择网格中的记录时，数据将绑定到输入控件。然后，用户可以进行所需的更改。单击“保存”按钮以保留更改。

然而，正在发生的事情是，只要用户在其中一个输入控件中进行更改，DataGrid中的相应数据也会在单击“保存”按钮之前更新。我希望只有在用户点击“保存”后才会更新DataGrid。

以下是视图的XAML：

<Window x:Class="LearnWPF.Views.AdminUser"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:vms="clr-namespace:LearnWPF.ViewModels"
        Title="User Administration" Height="400" Width="450" 
        ResizeMode="NoResize">
    <Window.DataContext>
        <vms:UserViewModel />
    </Window.DataContext>

    <StackPanel>
        <GroupBox x:Name="grpDetails" Header="User Details" DataContext="{Binding CurrentUser, Mode=OneWay}">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition />
                    <ColumnDefinition />
                </Grid.ColumnDefinitions>

                <Label Grid.Column="0" Grid.Row="0">First Name:</Label>
                <TextBox Grid.Column="1" Grid.Row="0" Style="{StaticResource TextBox}" Text="{Binding FirstName}"></TextBox>

                <Label Grid.Column="0" Grid.Row="1">Surname:</Label>
                <TextBox Grid.Column="1" Grid.Row="1" Style="{StaticResource TextBox}" Text="{Binding LastName}"></TextBox>

                <Label Grid.Column="0" Grid.Row="2">Username:</Label>
                <TextBox Grid.Column="1" Grid.Row="2" Style="{StaticResource TextBox}" Text="{Binding Username}"></TextBox>

                <Label Grid.Column="0" Grid.Row="3">Password:</Label>
                <PasswordBox Grid.Column="1" Grid.Row="3" Style="{StaticResource PasswordBox}"></PasswordBox>

                <Label Grid.Column="0" Grid.Row="4">Confirm Password:</Label>
                <PasswordBox Grid.Column="1" Grid.Row="4" Style="{StaticResource PasswordBox}"></PasswordBox>
            </Grid>
        </GroupBox>

        <StackPanel Orientation="Horizontal">
            <Button Style="{StaticResource Button}" Command="{Binding SaveCommand}" CommandParameter="{Binding CurrentUser}">Save</Button>
            <Button Style="{StaticResource Button}">Cancel</Button>
        </StackPanel>

        <DataGrid x:Name="grdUsers" AutoGenerateColumns="False" CanUserAddRows="False" CanUserResizeRows="False"
                  Style="{StaticResource DataGrid}" ItemsSource="{Binding Users}" SelectedItem="{Binding CurrentUser, Mode=OneWayToSource}">
            <DataGrid.Columns>
                <DataGridTextColumn Header="Full Name" IsReadOnly="True" Binding="{Binding FullName}" Width="2*"></DataGridTextColumn>
                <DataGridTextColumn Header="Username" IsReadOnly="True" Binding="{Binding Username}" Width="*"></DataGridTextColumn>
            </DataGrid.Columns>
        </DataGrid>
    </StackPanel>
</Window>

模型中没有任何特殊内容（基类只实现INotifyPropertyChanged接口并触发相关事件）：

public class UserModel : PropertyChangedBase
{
    private int _id;
    public int Id
    {
        get { return _id; }
        set
        {
            _id = value;
            RaisePropertyChanged("Id");
        }
    }

    private string _firstName;
    public string FirstName
    {
        get { return _firstName; }
        set
        {
            _firstName = value;
            RaisePropertyChanged("FirstName");
            RaisePropertyChanged("FullName");
        }
    }

    private string _lastName;
    public string LastName
    {
        get { return _lastName; }
        set
        {
            _lastName = value;
            RaisePropertyChanged("LastName");
            RaisePropertyChanged("FullName");
        }
    }

    private string _username;
    public string Username
    {
        get { return _username; }
        set
        {
            _username = value;
            RaisePropertyChanged("Username");
        }
    }

    public string FullName
    {
        get { return String.Format("{0} {1}", FirstName, LastName); }
    }
}

ViewModel（IRemoteStore提供对底层记录存储的访问权限）：

public class UserViewModel : PropertyChangedBase
{
    private IRemoteStore _remoteStore = Bootstrapper.RemoteDataStore;
    private ICommand _saveCmd;

    public UserViewModel()
    {
        Users = new ObservableCollection<UserModel>();
        foreach (var user in _remoteStore.GetUsers()) {
            Users.Add(user);
        }

        _saveCmd = new SaveCommand<UserModel>((model) => {
            Users[Users.IndexOf(Users.First(e => e.Id == model.Id))] = model;
        });
    }

    public ICommand SaveCommand
    {
        get { return _saveCmd; }
    }

    public ObservableCollection<UserModel> Users { get; set; }

    private UserModel _currentUser;
    public UserModel CurrentUser
    {
        get { return _currentUser; }
        set
        {
            _currentUser = value;
            RaisePropertyChanged("CurrentUser");
        }
    }
}

为了完整起见，这里是我的Save ICommand的实现（这实际上还没有持续任何东西，因为我想让数据绑定首先正常工作）：

public class SaveCommand<T> : ICommand
{
    private readonly Action<T> _saved;

    public SaveCommand(Action<T> saved)
    {
        _saved = saved;
    }

    public bool CanExecute(object parameter)
    {
        return true;
    }

    public event EventHandler CanExecuteChanged;

    public void Execute(object parameter)
    {
        _saved((T)parameter);
    }
}

很明显，我希望使用纯MVVM模式来实现它。我已尝试在DataGrid到OneWay中设置绑定，但这会导致更改不会反映在网格中（尽管会添加新条目）。

我还看了this SO问题，建议在ViewModel上使用“selected”属性。我上面发布的原始实现已经有了这样的属性（称为“CurrentUser”），但是使用当前的绑定配置，当用户进行更改时，网格仍然会更新。

任何帮助都会非常感激，因为我已经在几个小时内对这个问题表示不满。如果我遗漏了任何东西，请评论＆amp;我会更新帖子。谢谢。

Answer 1

感谢您提供大量代码，让我更容易理解您的问题。

首先，我将解释您当前的用户输入 - ＆gt;数据网格＆＃34;潮流：

当您在Username: TextBox内输入文本时，您输入的文本最终会在TextBox.Text属性值内支持，在我们的例子中，是当前的UserModel.Username属性，因为它们是绑定的，并且他是属性值：

Text="{Binding UserName}"></TextBox>

它们绑定的事实意味着无论何时设置UserModel.Username属性，PropertyChanged被提出并通知更改：

private string _username;
public string Username
{
    get { return _username; }
    set
    {
        _username = value;
        RaisePropertyChanged("Username"); // notification
    }
}

当PropertyChanged加注时，会通知所有UserModel.Username订阅者的更改，在我们的情况下，其中一个DataGrid.Columns是订阅者。

<DataGridTextColumn Header="Username" IsReadOnly="True" Binding="{Binding Username}" Width="*"></DataGridTextColumn>

上面的流程问题从您备份用户输入文本的位置开始。你需要的是一个支持用户输入文本而不直接将其设置为当前UserModel.Username属性的地方，因为如果它会，它将启动我上面描述的流程。

我希望只有在用户点击后才会更新DataGrid ＆＃34;保存＆＃34;

我的问题解决方案不是直接支持当前TextBox内的UserModel es文本，而是支持临时位置内的文本，因此当您点击＆＃34;保存＆＃34时;，它会将文本从那里复制到当前UserModel，而set方法中的属性CopyTo访问者将自动更新DataGrid。

我为您的代码做了以下更改，其余的都保持不变：

查看

<GroupBox x:Name="GroupBoxDetails" Header="User Details" DataContext="{Binding Path=TemporarySelectedUser, Mode=TwoWay, UpdateSourceTrigger=LostFocus}"> ... <Button Content="Save" Command="{Binding Path=SaveCommand}" CommandParameter="{Binding Path=TemporarySelectedUser}"/> // CommandParameter is optional if you'll use SaveCommand with no input members.

<强>视图模型

... public UserModel TemporarySelectedUser { get; private set; } ... TemporarySelectedUser = new UserModel(); // once in the constructor. ... private UserModel _currentUser; public UserModel CurrentUser { get { return _currentUser; } set { _currentUser = value; if (value != null) value.CopyTo(TemporarySelectedUser); RaisePropertyChanged("CurrentUser"); } } ... private ICommand _saveCommand; public ICommand SaveCommand { get { return _saveCommand ?? (_saveCommand = new Command<UserModel>(SaveExecute)); } } public void SaveExecute(UserModel updatedUser) { UserModel oldUser = Users[ Users.IndexOf( Users.First(value => value.Id == updatedUser.Id)) ]; // updatedUser is always TemporarySelectedUser. updatedUser.CopyTo(oldUser); } ...

<强>模型

public void CopyTo(UserModel target) { if (target == null) throw new ArgumentNullException(); target.FirstName = this.FirstName; target.LastName = this.LastName; target.Username = this.Username; target.Id = this.Id; }

用户输入 - 文本输入 - ＆gt;临时用户 - 点击保存 - ＆gt;更新用户和UI。

看来你的MVVM方法是View-First，是众多＆＃34; View-First＆＃34;方法指南适用于每个View，您应该创建相应的ViewModel。所以，它会更准确＆＃34;在查看其抽象后重命名ViewModel，例如将UserViewModel重命名为AdminUserViewModel。

此外，您可以将SaveCommand重命名为Command，因为它会回答整个命令模式解决方案，而不是特殊的＆＃34;保存＆＃34;情况下。

我建议你使用其中一个MVVM框架（MVVMLight是我的推荐）作为MVVM研究的最佳实践，那里有很多。

希望它有所帮助。

WPF可编辑的主 - 详细信息，DataGrid在保存时更新

1 个答案: