将WPF网格绑定到模型

时间:2019-01-04 11:48:05

标签: c# wpf data-binding .net-3.5 wpfgrid

我有一个MVVM应用程序,该应用程序具有一个WPF网格,该WPF网格包含其他嵌入式WPF网格,同时,每个网格都包含一些字段(WPF文本块)。

一个非常简单的示例-查看:

<Grid>

   <Grid>
       // Row definitions
       // Colum definitions
       <TextBlock Grid.Row="3" Grid.Column="0"
                  Text="{Binding Path=SomeField1}" /> 
   <Grid>

   <Grid>
       // Row definitions
       // Colum definitions
       <TextBlock Grid.Row="0" Grid.Column="1"
                  Text="{Binding Path=SomeField2}" /> 
   <Grid>

</Grid>

每个TextBlock都绑定到视图模型中定义的字符串属性。

视图模型(它实现了INotifyPropertyChanged)

private string _someField1;
public string SomeField1
{
   get return _someField1;
   set 
   {
       if (_someField1 == value) return;
       _someField1 = value;
       OnPropertyChanged("SomeField1");
   }
}

private string _someField2;
public string SomeField2
{
   get return _someField2;
   set 
   {
       if (_someField2 == value) return;
       _someField2 = value;
       OnPropertyChanged("SomeField2");
   }
}

然后,我有一个模型,我的意思是说,这是一个具有一些公共属性的类,一旦从设备中获取数据,该类就会由一个进程填充。此类包含与视图模型中定义的属性完全相同的属性。

模型

public class MyModel
{
    private string _someField1;
    public string SomeField1
    {
       get return _someField1;
       set 
       {
           if (_someField1 == value) return;
           _someField1 = value;
       }
    }

    private string _someField2;
    public string SomeField2
    {
       get return _someField2;
       set 
       {
           if (_someField2 == value) return;
           _someField2 = value;
       }
    }
}

稍后从视图模型中提取此类(模型)中的数据,并将这些属性的值分配给视图模型中的匹配属性。最后,由于将视图绑定到这些属性,因此可以使用以下示例正确更新视图。

查看模型方法以提取接收到的数据

private void DataReceived(MyModel data)
{
    this.SomeField1= data.SomeField1;
    this.SomeField2= data.SomeField2;
}

问题是我必须在视图模型和模型中定义两次属性。因此,我想避免这种情况,我想将Textblocks直接绑定到模型中的属性,而不是在视图模型中定义属性以避免冗余代码。或者例如,是否有任何简单的方法将模型(MyModel)绑定到外部主网格,然后将文本框绑定到视图模型中的属性(在datagrid中绑定itemsource时类似)?

2 个答案:

答案 0 :(得分:0)

我建议使用通用视图模型:

public class BaseViewModel<TModel>
{
    public TModel Model
    {
        get;
        private set;
    }

    public BaseViewModel(TModel model)
    {
        this.Model = model;
    }
}

然后您可以绑定到它:

<TextBlock Grid.Row="3" Grid.Column="0" Text="{Binding Path=Model.SomeField1}" />

答案 1 :(得分:0)

我在想下面是否还可以并尊重MVVM模式。看到c0d3b34n提出的解决方案后,我已经想到了。我认为它更简单,不需要做接口和通用视图模型。我已经检查了并且可以正常工作:

在视图模型中声明一个属性:

private MyModel _model;
public MyModel Model
{
    get { return _model; }
    set   
    {
         _model = value;
         OnPropertyChanged("Model");
    }
}

然后在视图中:

<TextBlock Grid.Row="3" Grid.Column="0" Text="{Binding Path=Model.SomeField1}" />

...和其余的TextBlocks相同。

最后:

 private void DataReceived(MyModel data)
 {
       this.Model = data;
 }

但是,正如BionicCode在评论中所说,该解决方案打破了MVVM模式。