从 XAML 设置 ViewModel 的属性

Question

我有一些 UserControl，它的 DataContext 绑定到 ViewModel， 如何从 XAML 设置 ViewModel 的属性？是否可以？

更新： 抱歉不太清楚， 我正在尝试得到这样的东西： UserControl 的 DataContext 绑定到 ViewModel，我需要将 ViewModel 的属性设置为某些内容（比方说，UserControl 的 Width 属性）。 是否可以？

UPD2：这似乎是不可能的。我知道 TwoWay 绑定模式等，我想做的事情 - 将 ViewModel 的属性设置为 UserControl 的属性

这个示例应该非常清楚

<Set Property={Binding SomePropertyOnViewModel} 
     Value={Binding RelativeSource={RelativeSource Self}, 
                    Path=SomePropertyOnUserControl}>

Answer 1

我不确定我是否准确理解了这个问题。

但这里有一个例子。
它将：

• 通过设置用户在用户控件内创建一个 ExampleViewModel 类型的视图模型
  control xaml 中的 DataContext 属性

• 在 xaml 中创建一个文本框并将其绑定到视图模型
  TextInViewModel 字符串属性。

• 设置常用的 INotifyPropertyChanged 接口（该接口已提取到基类 ViewModelBase）

在xaml中创建视图模型并为其设置用户控件数据上下文：

<UserControl x:Class="MyUserControl"
            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
            Title="Test" 
            xmlns:viewModel="clr-namespace:ViewModels"> 
        <UserControl.DataContext>
            <viewModel:ExampleViewModel/>
        </UserControl.DataContext>

        <StackPanel Orientation="Horizontal" >
            <Label>Enter Text here: </Label>
            <TextBox Text="{Binding TextInViewModel}"></TextBox>
        </StackPanel>
</UserControl>

ViewModel：

public abstract class ViewModelBase : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;

    public void RaisePropertyChanged(string prop)
    {
        if (PropertyChanged != null)
        {
            PropertyChanged(this, new PropertyChangedEventArgs(prop));
        }
    }

}


public class ExampleViewModel : ViewModelBase 
{
    /// <summary>
    /// Property bound to textbox in xaml.
    /// </summary>
    public String TextInViewModel
    {
        get { return _textInViewModel; }
        set
        {
            _textInViewModel= value;
            RaisePropertyChanged("TextInViewModel");
        }
    }
    private string _textInViewModel;

    /// <summary>
    /// Constructor.
    /// </summary>
    public ExampleViewModel()
    {

    }
}

Answer 2

绑定是双向的：即从源（例如视图模型）到目标（例如用户控件）以及从目标回到源。

您可以通过模式指定方向绑定。

以下是 BindingModes：

• TwoWay
• OneWay
• OneTime
• OneWayToSource

在您的情况下，如果您想将用户控件的 width 属性绑定到 ViewModel 的 TheWidth 属性：

情况 A：

想要双向绑定，请使用Mode=TwoWay

<UserControl Width="{Binding TheWidth, Mode=TwoWay}">
<!-- your rest of code -->
</UserControl>

情况B：

只想从用户控件绑定到视图模型，请使用 Mode=OneWayToSource

<UserControl Width="{Binding TheWidth, Mode=OneWayToSource}">
<!-- your rest of code -->
</UserControl>

Answer 3

XAML

   <UserControl.DataContext>
        <vm:ViewModel/>
    </UserControl.DataContext>

Answer 4

我更喜欢 ViewModel 定位器方法（这就像 ViewModel 的服务定位器模式）。
因为一旦你的 ViewModel 有了构造函数参数，你要么是紧密耦合的，要么就不能使用上面描述的 xaml 方式......

有很多 ViewModel-Locator 方式。此处使用 MEF 和 silverlight 描述了一种。
http://johnpapa.net/ simple-viewmodel-locator-for-mvvm-the-患者-have-left-the-asylum

这是另一个：
http://brendan.enrick。 com/post/Wire-up-your-ViewModels-using-a-Service-Locator.aspx

Answer 5

好吧，您将 UI 元素绑定到它们：

<UserControl Width="{Binding Path=DisplayWidth, Mode=OneWayToSource}">
    <Grid>
        <TextBox MinWidth=100 Text="{Binding MyProperty}"/>
    </Grid>
</UserControl>

假设视图模型如下所示：

class ViewModel
{
    public string MyProperty { get; set; }
    public int DisplayWidth { get; set; }
}

Answer 6

通过绑定我亲爱的朋友..

例如：（假设在您的上下文中）

如果您有“Person”类，并且您的人有一个 Name 和 SurName 公共属性，并且您想将其绑定到文本框。您执行以下操作：

<TextBox Text="{Binding Path=Name}" />

这只适用于名称是您的公共属性的情况，最佳实践是使您的对象（在本例中为 Person）作为公共属性并以不同的方式使用 Path 参数。

示例：

<TextBox Text="{Binding Path=Person.Name}" />

它确实可以减少代码的混乱程度，然后在视图模型中为视图模型中任何对象的每个属性创建一个属性。

Answer 7

“如何从 XAML 设置 ViewModel 的属性？可能吗？”

所以，这似乎是不可能的，最多你可以完成 - 双向绑定，不幸的是，这不是我想要的。
总而言之，这是一个相当糟糕的设计而不是一个问题