3

我对 WPF 还是很陌生,我决定更改我正在开发的应用程序,以尽可能地遵循 MVVM 模式。当我尝试让列表框指示内容控件的视图模型时,我遇到了问题。我已经被困了一段时间,搜索互联网并没有为我提供答案。

由于某种原因,列表框包含的视图模型的新实例正在生成为内容控件的数据上下文。当我调试时,我确保列表框包含它应该包含的视图模型,并且我在列表框中选择的项目确实是列表框正在选择的项目,但是内容控件会根据选择而变化。有一个视图模型填充内容控件,但它不在列表框填充的集合中。而且我可以通过我的删除按钮以某种方式删除内容控件中的视图模型。但是,当我在列表框上进行选择更改或将新项目添加到集合时,它会使用再次不在集合中的新视图模型填充内容控件。我不知道它为什么这样做,或者我的代码中的什么暗示了这种行为。

我做了一个简单的应用程序来尝试找出我做错了什么。它完美地复制了我的问题。我很确定按钮不遵守 MVVVM(应该运行包含在视图模型中的命令以遵守我一直在阅读的 MVVM)但这不是我现在主要关心的问题,因为没有按钮。

主窗口.xml

<Window
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:WpfApplication1" x:Class="WpfApplication1.MainWindow"
        Title="MainWindow" Height="440" Width="436">
    <Window.DataContext>
        <local:mwvm/>
    </Window.DataContext>
    <Window.Resources>
        <DataTemplate DataType="{x:Type local:ucvm}">
            <local:uc/>
        </DataTemplate>
    </Window.Resources>
    <Grid>
        <Button Content="a" HorizontalAlignment="Left" Margin="323,351,0,0" VerticalAlignment="Top" Width="95" Click="Button_Click"/>
        <Button Content="r" HorizontalAlignment="Left" Margin="323,378,0,0" VerticalAlignment="Top" Width="95" Click="Button_Click_1"/>
        <ContentControl Margin="10,10,110,10" Content="{Binding SelectedItem, ElementName=lb_UCs}"/>
        <ListBox x:Name="lb_UCs" HorizontalAlignment="Left" Height="336" Margin="323,10,0,0" VerticalAlignment="Top" Width="95" ItemsSource="{Binding UCs}" DisplayMemberPath="CoolText"/>
    </Grid>
</Window>

主窗口.xaml.cs

public partial class PanelPartsView : UserControl
{
    private PanelPartsViewModel _DC;

    public PanelPartsView()
    {
        InitializeComponent();
        _DC = DataContext as PanelPartsViewModel;
    }

    private void btn_Remove_Click(object sender, RoutedEventArgs e)
    {
        _DC.Panels.Remove(lb_Panels.SelectedItem as PartsViewModel);
    }

    private void btn_Add_Click(object sender, RoutedEventArgs e)
    {
        var pvm = new PartsViewModel();
        _DC.Panels.Add(pvm);
        lb_Panels.SelectedItem = pvm;
        System.Console.WriteLine("lb_Panels.selecteditem = {0}", ((PartsViewModel)lb_Panels.SelectedItem).PanelName);
        System.Console.WriteLine("cc_PanelParts.content = {0}", ((PartsViewModel)cc_PanelParts.Content).PanelName);
    }
}

mwvm

class mwvm
{
    private ObservableCollection<ucvm> _UCs = new ObservableCollection<ucvm>();

    public ObservableCollection<ucvm> UCs
    {
        get { return _UCs; }
    }

    public mwvm()
    {
        //this is for for testing, the real application would be purely dynamic
        _UCs.Add(new ucvm());
        _UCs.Add(new ucvm());
        _UCs.Add(new ucvm());
    }
}

uc.xml

<UserControl
             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" 
             xmlns:local="clr-namespace:WpfApplication1" x:Class="WpfApplication1.uc" 
             mc:Ignorable="d" d:DesignWidth="300" Height="90">
    <Grid>
        <Grid.DataContext>
            <local:ucvm/>
        </Grid.DataContext>
        <Button Content="{Binding CoolText}" Margin="10,10,10,0" Height="44" VerticalAlignment="Top"/>
        <TextBox Height="23" Margin="10,59,10,0" TextWrapping="Wrap" Text="{Binding CoolText}" VerticalAlignment="Top"/>
    </Grid>
</UserControl>

uc.xaml.cs

public partial class uc : UserControl
{
    public uc()
    {
        InitializeComponent();
    }
}

ucvm.cs

class ucvm : INotifyPropertyChanged
{
    private static int i = 1;

    private string _CoolText = "<" + i++ + ">" + System.DateTime.Now.ToLongTimeString();
    public string CoolText
    {
        get { return _CoolText; }
        set
        {
            _CoolText = value;
            NPC("CoolText");
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    private void NPC(string s)
    {
        if (PropertyChanged != null) PropertyChanged(this, new PropertyChangedEventArgs(s));
    }
}

我也尝试过像这样绑定内容控件......

<ContentControl Content="{Binding SelectedUCVMl, Mode=OneWay}"/>
<ListBox x:Name="lb_UCs" ItemsSource="{Binding UCs}" SelectedItem="{Binding SelectedUCVM}" DisplayMemberPath="CoolText"/>

...所以...

<ContentControl Content="{Binding UCs/}"/>
<ListBox x:Name="lb_UCs" ItemsSource="{Binding UCs}" IsSynchronizedWithCurrentItem="True" DisplayMemberPath="CoolText"/>

但无济于事。

任何帮助将不胜感激。

4

1 回答 1

0

看起来你只需要从 uc.xaml 中删除这部分:

    <Grid.DataContext>
        <local:ucvm/>
    </Grid.DataContext>

每次创建 uc.xaml 实例时,此语法都会创建视图模型的新实例,这当然不是您想要的。您希望 uc.xaml 实例的数据上下文继承当前在列表框中选择的实例。

于 2013-08-20T05:54:00.600 回答