将UserControl绑定到ViewModel（Caliburn Micro WPF）

Posted 2021-04-16

我正在创建一个将由许多不同的应用程序使用的登录表单。登录将始终具有相同的逻辑，因此我想绑定一个viewmodel并在那里执行所有逻辑（从数据库中检索登录信息等）。我创建了一个新的UserControl，MainView和一个ViewModel，MainViewModel，它们都在Login命名空间中。

表单继续运行代码隐藏中的所有内容，但VM中没有任何内容。还有另一种我不知道的约束方式吗？

代码背后MainView.Xaml.vb

Imports Caliburn.Micro

Namespace Login
   Public Class MainView

      Public Sub New()
        MsgBox("TEST code-behind")
      End Sub

   End Class
End Namespace

VM MainViewModel.vb

Imports Caliburn.Micro

Namespace Login
    Public Class MainViewModel
        Inherits PropertyChangedBase

        Public Sub New()
            MsgBox("TEST ViewModel")
        End Sub

    End Class
End Namespace

XAML

<UserControl x:Class="Login.MainView"
         xmlns:cal="http://www.caliburnproject.org"
         xmlns:local="clr-namespace:cLogin.Login"
         cal:Bind.Model="cLogin.Login.MainViewModel" (not sure if needed due to naming)
         ... >

编辑这是我在用户登录之前将UserControl添加为单独窗口的方式，我可以看到内容，但ViewModel中没有任何属性绑定

Dim login As New Window
    With login
        .WindowStyle = WindowStyle.None
        .ResizeMode = ResizeMode.NoResize
        .SizeToContent = SizeToContent.WidthAndHeight
        .Content = New MainView()
    End With

login.ShowDialog()

答案

由于您是显式创建窗口，因此还需要显式设置其DataContext：

Dim login As New Window
    With login
        .WindowStyle = WindowStyle.None
        .ResizeMode = ResizeMode.NoResize
        .SizeToContent = SizeToContent.WidthAndHeight
        .Content = New MainView()
        .DataContext = New MainViewModel()
End With

您还应该将附加的Bind.Model属性绑定到视图中的DataContext：

cal:Bind.Model="{Binding}"