在DataGrid中存储和更改值 - MVVM

时间:2013-10-22 19:15:39

标签: c# wpf mvvm datagrid

在我的程序中,我有一个DataGrid,它是UserControl的一部分。我希望能够更改此网格中单元格的值,并将它们存储在数据模型中。这与标准数据绑定textBox在wpf中的工作方式类似。

DataGridTextBox es组成。我可以更改单元格中的值,但在离开页面后它们会消失。

UserControl XAML:

<DataGrid ItemsSource="{Binding DataModel.Collection}" ... >
              <DataGrid.Columns>
                   <DataGridTemplateColumn IsReadOnly="True">
                         <DataGridTemplateColumn.CellTemplate>
                               <DataTemplate>
                                    <TextBox Text="{Binding rowNum}" />
                                </DataTemplate>
                         </DataGridTemplateColumn.CellTemplate>
                    </DataGridTemplateColumn>
                          .......
                    </DataGrid>

数据模型:

public class Data_Model : PropertyChangedBase
{
    private string one = "One";
    private string two = "Two";
    private string three = "Three";
    private string four = "Four";
    private string a = "A";
    private string b = "B";
    private string c = "C";
    private string d = "D";

    private ObservableCollection<Class> _Collection; 

    public Data_Model()
    {
        Collection = new ObservableCollection<Class>();
        Collection.Add(new Class() { rowNum = 0, input = one, output = a });
        Collection.Add(new Class() { rowNum = 1, input = two, output = b});
        Collection.Add(new Class() { rowNum = 2, input = three, output = c});
        Collection.Add(new Class() { rowNum = 3, input = four, output = d});

    }

    public ObservableCollection<Class> Collection {...}
}

public class Class //Class for DataGrid values
{
    public int rowNum { set; get; }
    public string input { set; get; }
    public string output { set; get; }
}

如何将用户输入的值存储在这些单元格中(通常会将string的属性写为textBox中的文本)?

2 个答案:

答案 0 :(得分:1)

当单元格可编辑时,WPF DataGrid使用事务范围。这意味着DataGrid正在发布您的View Model目前没有收听的“Commit”和“Cancel”命令。这就是为什么这些更改似乎没有持续存在(即,你忽略了那些实例上的'提交')。

为了捕获“Commit”和“Cancel”消息,绑定类应该实现IEditableObject并编写必要的逻辑。 IEditableObject上的文档位于:http://msdn.microsoft.com/en-us/library/system.componentmodel.ieditableobject.aspx

当在 ROW 上执行'取消'时,网格会对该行的 CELLS 上完成的所有提交进行回滚。 WPF DataGrid的这个方面让很多人感到厌烦,因此它获得了“陷阱”的地位......

  

如果您不熟悉IEditableObject,请参阅此MSDN文章   它有很好的解释和代码示例。 DataGrid已经出炉了   用于通过IEditableObject进行事务编辑的功能   接口。当您开始编辑单元格时,DataGrid将进入单元格   编辑模式以及行编辑模式。这意味着你   可以取消/提交单元格以及取消/提交行。例如,我   编辑单元格0并按Tab键到下一个单元格。单元格0在何时提交   按下标签。我开始在单元格1中输入并意识到我要取消   操作。我按'Esc'恢复单元格1.我现在意识到我   想要取消整个操作,所以我再次按'Esc',现在是单元格   0将恢复为原始值。

来源:http://blogs.msdn.com/b/vinsibal/archive/2009/04/07/5-random-gotchas-with-the-wpf-datagrid.aspx

因此,在'Class'类上实现IEditableObject,您将开始获得您正在寻找的行为。这就是你完成后的样子......

public class Class : INotifyPropertyChanged, IEditableObject
{
    private int _rowNum;
    public int RowNum
    {
        [DebuggerStepThrough]
        get { return _rowNum; }
        [DebuggerStepThrough]
        set
        {
            if (value != _rowNum)
            {
                _rowNum = value;
                OnPropertyChanged("RowNum");
            }
        }
    }
    private string _input;
    public string Input
    {
        [DebuggerStepThrough]
        get { return _input; }
        [DebuggerStepThrough]
        set
        {
            if (value != _input)
            {
                _input = value;
                OnPropertyChanged("Input");
            }
        }
    }
    private string _output;
    public string Output
    {
        [DebuggerStepThrough]
        get { return _output; }
        [DebuggerStepThrough]
        set
        {
            if (value != _output)
            {
                _output = value;
                OnPropertyChanged("Output");
            }
        }
    }
    #region INotifyPropertyChanged Implementation
    public event PropertyChangedEventHandler PropertyChanged;
    protected virtual void OnPropertyChanged(string name)
    {
        var handler = System.Threading.Interlocked.CompareExchange(ref PropertyChanged, null, null);
        if (handler != null)
        {
            handler(this, new PropertyChangedEventArgs(name));
        }
    }
    #endregion
    #region IEditableObject Implementationi
    public void BeginEdit()
    {
        // your implementation goes here
    }
    public void CancelEdit()
    {
        // your implementation goes here
    }
    public void EndEdit()
    {
        // your implementation goes here
    }
    #endregion
}

答案 1 :(得分:1)

我相信你只需要为data_model中的每个属性调用NotifyPropertyChanged(“PropertyName”)并设置绑定Mode=twoway

private int rowNum;

public int RowNum
{
    get { return rowNum; }
    set
    {
        rowNum = value;
        RaisePropertyChanged("RowNum");
    }
}

此外,您可以尝试使用DataGridTextColumn而不是templatecolumn,如下所示

<Window.Resources>
    <XmlDataProvider x:Key="customerdata" Source="customers.xml" XPath="Data" />
</Window.Resources>
<Grid>
    <DataGrid AutoGenerateColumns="False" ItemsSource="{Binding Source={StaticResource customerdata}, XPath=Customer}">
        <DataGrid.Columns>
            <DataGridTextColumn Header="First Name" Binding="{Binding XPath=@FirstName}" FontFamily="Arial" FontStyle="Italic" />
            <DataGridTextColumn Header="Last Name" Binding="{Binding XPath=@LastName}" FontFamily="Arial" FontWeight="Bold" />
        </DataGrid.Columns>
    </DataGrid>
</Grid>