WPF在ViewModel後面的代碼綁定動態控制

Question

我在WPF中建立了一個自定義的UserControl，它具有一個ViewModel關聯。我也想動態地在代碼背後進行控制。但現在我遇到了將生成的控件與ViewModel屬性綁定的問題。我的代碼是：

<UserControl x:Class="SVT.Teste.UserControl1" 
      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" 
      mc:Ignorable="d" 
      d:DesignHeight="300" d:DesignWidth="300" 
      DataContext="UserControl1ViewModel"> 
    <Grid Name="GridContainer"> 
    </Grid> 
</UserControl> 

和後面的代碼：

public UserControl1() 
    { 
     InitializeComponent(); 
     System.Windows.Controls.Button newBtn = new Button(); 
     newBtn.SetBinding(Button.ContentProperty, new Binding("Test")); 
     GridContainer.Children.Add(newBtn); 
    } 

    public class UserControl1ViewModel 
    { 
     private string test = "ola"; 

     public string Test 
     { 
      get { return test; } 
     } 
    } 

當我運行此我得到：

"System.Windows.Data Error: 40 : BindingExpression path error: 'Test' property not found on 'object' ''String' (HashCode=-946585093)'. BindingExpression:Path=Test; DataItem='String' (HashCode=-946585093); target element is 'Button' (Name=''); target property is 'Content' (type 'Object')"

你能幫助我嗎？

Answer 1

您的UserControl1DataContext屬性設置爲一個字符串，而不是您的視圖模型實例。

你需要做這樣的事情：

<UserControl xmlns:local="clr-namespace:NAMESPACE_WHERE_VIEWMODEL_IS_DEFINED"> 
    <UserControl.DataContext> 
     <local:UserControl1ViewModel /> 
    </UserControl.DataContext> 
    <!-- unrelated code omitted --> 
</UserControl> 

Answer 2

嘗試這種結合

Binding MyBinding = new Binding(); 
MyBinding.Path = new PropertyPath("Test"); 
newBtn.DataContext = new UserControl1ViewModel(); //or MyBinding.Source = new //UserControl1ViewModel(); 


newBtn.SetBinding(Button.ContentProperty, MyBinding); 

Answer 3

你是你的DataContext設置的類型，不具有該特性的實例。 在你的方法是創建用戶控制做到：

  public UserControl1() 
     { 
      InitializeComponent(); 
      System.Windows.Controls.Button newBtn = new Button(); 
      newBtn.SetBinding(Button.ContentProperty, new Binding("Test")); 
      GridContainer.Children.Add(newBtn); 
      **DataContext = new UserControl1ViewModel();** 
     } 

你還有更多的工作要做。你有沒有通知或更新的方式會發生。實施INotifyPropertyChanged接口（在UserControlViewModel上）。並將XAML中的設置DataContext刪除爲該類型。

Answer 4

max是正確的，但我有另一個問題。爲什麼你想要創建你的usercontrol動態當你有一個viemwodel你想綁定？對我沒有意義。讓我解釋一下：

如果你有一個視圖模型 - 你知道這個視圖模型應該如何呈現以及綁定是什麼。所以你可以爲這個視圖模型

MyUserControl1View.xaml

<UserControl> 
<Grid> 
    <Button Content="{Binding Test}"/> 
    <!-- more controls and binding if the viewmodel expose more--> 
</Grid> 
</UserControl> 

所以你現在有什麼是您的視圖模型的表示創建一個用戶控件/視圖。它們不是連接的，但你的視圖模型應該看起來像這樣並且綁定被設置。直到現在還沒有設置datacontext。

現在你所要做的就是採用viewmodel的第一種方法和數據模型的使用。

讓我們假設你的主窗口下面

<Window> 
<Window.Resources> 
    <DataTemplate Datatype="{x:Type local:Usercontrol1viewmodel}"> 
    <view:MyUserControl1View/> 
    </DataTemplate> 
</Window.Resources> 

現在WPF如何呈現Usercontrol1viewmodel。

您在處理Usercontrol1viewmodel的主窗口視圖模型中多了一步。

public Usercontrol1viewmodel MyWhatEver {get;set;} 

如果此屬性綁定到contentpresenter，你會看到WPF魔術;）

<ContentPresenter Content="{Binding MyWhatEver}"/> 

現在你看到contentpresenter的MyUserControl1View，沒有動態視圖代碼需要。隨你的viewmodels去。

ps：隨時編輯我的壞英語。