使用Caliburn.Micro与Ninject和WPF在视图模型之间绑定/传递数据

时间:2013-10-09 07:35:44

标签: wpf mvvm ninject viewmodel caliburn.micro

我有一个显示选项对话框的应用程序。 在该选项对话框中,我显示了独角兽列表。 当我选择一只独角兽时,我可以编辑或删除它。 当我想编辑独角兽时,它会在选项对话框上方显示另一个EditUnicorn对话框。 EditUnicorn对话框包含每个用于编辑独角兽特定数据的选项卡。

Application 
--> Options window showing unicorns (OptionsView)
----> edit unicorn dialog  (EditUnicornView)
------> tabpages with usercontrols inside the edit unicorn dialog to fill in specific data about unicorn. (tabpages: EditUnicornSkillsView, EditUnicornFriendsView, EditUnicornGeneralView, ...)

我的GUI中的独角兽模型实际上更像是一个视图模型......

public class Unicorn 
{
    public string Name { get; set; }
    public int Age { get; set; }
    public string Strength { get; set; }
    public Health HealthStatus { get; set; }
    public List<Unicorn> Friends { get; set; }
}


public class OptionsViewModel : PropertyChangedBase 
{
        public ObservableCollection<Unicorn> Unicorns { get return MyData.Unicorns; }

        private Unicorn _SelectedUnicorn;
        public Unicorn SelectedUnicorn { 
            get { return _SelectedUnicorn; }
            set {
                _SelectedUnicorn = value;
                NotifyOfPropertyChange(() => CanAddUnicorn);
                NotifyOfPropertyChange(() => CanEditUnicorn);
                NotifyOfPropertyChange(() => CanDeleteUnicorn);
            }
        }

        public void EditUnicorn() {
            // Is this correct?
            WindowManager.ShowDialog(IoC.Get<EditUnicornViewModel(), SelectedUnicorn, null);
        }
}

public class EditUnicornViewModel : Screen 
{
    // should it be like this? (or via the constructor or ...?)
    public Unicorn Unicorn { get; set; } 
}

EditUnicornView.xaml包含:

<TabControl>
    <TabItem Header="General">
        <ContentControl x:Name="EditUnicornGeneralViewModel" />
    </TabItem>
    <TabItem Header="Skills">
        <ContentControl x:Name="EditUnicornSkillsViewModel" />
    </TabItem>
    <TabItem Header="Friends">
        <ContentControl x:Name="EditUnicornFriendsViewModel" />
    </TabItem>
</TabControl>

tabpages中的usercontrols的视图模型:

public class EditUnicornGeneralViewModel : PropertyChangedBase
{
    public string Name { get; set; }
    public int Age { get; set; }
}

public class EditUnicornSkillsViewModel : PropertyChangedBase
{
    public string Strength { get; set; }
    public Health HealthStatus { get; set; }
}

public class EditUnicornFriendsViewModel : PropertyChangedBase 
{
    public List<Unicorn> Friends { get; set; }
}

我在GUI应用程序中创建了一个Unicorn Model类,实际上它更像是一个viewmodel, 我创建了这个,因为tabpage中的每个usercontrol都有一个特定的viewmodels,只显示必要的数据。我不确定我是否真的这样做了。

现在的问题是,正如您所看到的,EditUnicornViewModel(几乎)是空的。如何将选定的Unicorn传递给EditUnicornViewModel。 如何添加/注入/绑定/设置一个viewmodel的属性到另一个viewmodel的另一个属性? (ninject + caliburn.micro) 然后再次出现同样的问题:如何在EditUnicornViewModel的每个EditUnicorn(通用/技能/朋友)ViewModel中设置特定的Unicorn字段?

修改

我不认为这是一种正确的工作方式(然后我仍然不知道如何使用这些页面):

public class OptionsViewModel : PropertyChangedBase 
{
  // ...

  public void EditUnicorn() 
  {
     var vm = IoC.Get<EditUnicornViewModel>();
     vm.Unicorn = SelectedUnicorn;
     WindowManager.ShowDialog(vm, null, null);

  }
}

1 个答案:

答案 0 :(得分:1)

Caliburn.Micro带有一个强大的EventAggregator,它提供了一种干净的方式来传输系统数据,而不会让任何人听。这将是您的最佳选择,因为这意味着N多个标签可以收听和发送消息。见http://caliburnmicro.codeplex.com/wikipage?title=The%20Event%20Aggregator&referringTitle=Documentation

编辑:

我只是想补充一下,通过文档仔细阅读,Caliburn.Micro是基于组合的想法,你永远不应该打电话给IOC.Get自己。基本上你的应用程序应该像这样组成堆栈

 Shell > Conductor > Conducted ViewModels

看看回购中的样品,因为它们显示了许多很酷的成分特征。