在Prism 4.0和MEF中连接嵌套视图到视图模型

Question

在Prism 4.0和MEF中连接嵌套视图到视图模型

3

我是一个MEF的新手，正在尝试弄清楚如何构建我的Prism 4.0应用程序以连接视图和视图模型。我的用例是在一个用户控件中嵌套另一个用户控件。我想将嵌套的用户控件连接到其视图模型。我尝试遵循Prism 4.0示例，但不确定是否使用了最佳实践。

以下是我的应用程序的一些片段，以演示问题。HomeView有一个名为HelloView的嵌套用户控件。我需要将HelloView连接到其名为HelloViewModel的视图模型。目前状态下的代码无法正常工作。我认为HelloView没有通过MEF构建，因此没有连接HelloViewModel。

***** HomeModule *****
[ModuleExport(typeof(HomeModule))]
public class HomeModule : IModule
{
    IRegionManager _regionManager;

    [ImportingConstructor]
    public HomeModule(IRegionManager regionManager)
    {
        _regionManager = regionManager;
    }

    public void Initialize()
    {
        // Create the view
        IHomeView homeView = ServiceLocator.Current.GetInstance<IHomeView>();

        // Add it to the region
        IRegion region = _regionManager.Regions["MainRegion"];
        region.Add(homeView, "HomeView");
        region.Activate(homeView);
    }
}


****** IHomeView *****
public interface IHomeView
{
}


***** HomeView.xaml *****
<UserControl ...>

    <Grid x:Name="LayoutRoot">
        <view:HelloView x:Name="helloView"/>
    </Grid>

</UserControl>


***** HomeView.xaml.cs *****
[Export(typeof(IHomeView))]
[PartCreationPolicy(CreationPolicy.NonShared)]
public partial class HomeView : UserControl, IHomeView
{
    public HomeView()
    {
        InitializeComponent();
    }
}


***** IHelloView *****
public interface IHelloView
{
}


***** HelloView.xaml *****
<UserControl ...>
    <StackPanel x:Name="LayoutRoot" Margin="10">
        <StackPanel Orientation="Horizontal" VerticalAlignment="Top">
            <TextBlock Text="Name" VerticalAlignment="Center" />
            <TextBox Width="100" VerticalAlignment="Center" Margin="10 0 0 0"
                     Text="{Binding Path=Name, Mode=TwoWay}" />
            <Button Content="Submit" VerticalAlignment="Center" Margin="10 0 0 0"
                    Command="{Binding SubmitCommand}"/>
        </StackPanel>
        <TextBlock Text="{Binding Message}" Margin="0 10 0 0" Foreground="Red" />
    </StackPanel>
</UserControl>

***** HelloView.xaml.cs *****
[Export(typeof(IHelloView))]
[PartCreationPolicy(CreationPolicy.NonShared)]
public partial class HelloView : UserControl, IHelloView
{
    public HelloView()
    {
        InitializeComponent();
    }

    [Import]
    public IHelloViewModel ViewModel
    {
        set { this.DataContext = value; }
    }
}


***** IHelloViewModel *****
public interface IHelloViewModel
{
}


***** HelloViewModel *****
[Export(typeof(IHelloViewModel))]
[PartCreationPolicy(CreationPolicy.NonShared)]
public class HelloViewModel : NotificationObject, IHelloViewModel
{
    public HelloViewModel()
    {
        this.SubmitCommand = new DelegateCommand<object>(this.OnSubmit);
    }

    private void OnSubmit(object obj)
    {
        Message = "Hello " + Name;
    }

    private string _name;
    public string Name
    {
        get { return _name; }
        set
        {
            if (value != _name)
            {
                _name = value;
                this.RaisePropertyChanged("Name");
            }
        }
    }

    private string _message;
    public string Message
    {
        get { return _message; }
        set
        {
            if (value != _message)
            {
                _message = value;
                this.RaisePropertyChanged("Message");
            }
        }
    }

    public ICommand SubmitCommand { get; private set; }
}

- Naresh

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- grimcoder · Accepted Answer

你的解决方案是可以的，我只有两个注意事项：第一：如果你的目录包含多种类型的IHelloViewModel（这很可能是因为你有几个视图和相应的视图模型），那么当导入返回多个结果时，你会得到一个组合错误。

[Import]public IHelloViewModel ViewModel

应该是类似这样的

[Import(typeof(HelloViewModel))] IHelloViewModel ViewModel

或者你可以将你的属性定义为：

   [Import]
public HelloViewModel ViewModel

第二点：不要使用ServiceLocator来创建您的HomeView。 ServiceLocator旨在创建单例实例，而EventAggregator是完美的候选人。视图不应该被共享（并且您正确地将其标记为[PartCreationPolicy(CreationPolicy.NonShared)] - 否则，如果您想将视图添加到另一个区域，则会出现错误。）

使用

   [Import]
    public HomeView HomeView

希望这能有所帮助。