Question

我试图创建收集项的MenuItems - 但失败了。详细说明：我有一个简单的类ClassA，它定义了一个字符串属性'HeadText'。在我的MainViewModel中，我定义了一个ObservableCollection属性。该系列包含3个项目。现在在XAML中我想创建这三个ClassA类的ItemItems。我做了以下事情：

<Window.Resources>
    <CompositeCollection x:Key="CollA">
        <ItemsControl ItemsSource="{Binding Path=MItems}">
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <MenuItem Header="{Binding HeadText}"/>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>
    </CompositeCollection>
</Window.Resources>

<Grid>
    <Menu DockPanel.Dock="Top" ItemsSource="{Binding Source={StaticResource CollA}}"/>
</Grid>

但我得到的只是一个空的菜单栏。我有什么想法可以做到这一点吗？

viewmodel和ClassA类：

public class MainVM
{
    public MainVM() {
        _mItems.Add(new ClassA() { HeadText = "A" });
        _mItems.Add(new ClassA() { HeadText = "B" });
        _mItems.Add(new ClassA() { HeadText = "C" });
    }

    private ObservableCollection<ClassA> _mItems = new ObservableCollection<ClassA>();
    public ObservableCollection<ClassA> MItems{
        get { return _mItems; }
    }
}

public class ClassA
{
    public ClassA() { }
    public String HeadText { get; set; }
}

提前致谢。

修改

如果我写这个，它就有效：

<Menu DockPanel.Dock="Top" ItemsSource="{Binding MItems}">
    <Menu.ItemContainerStyle>
        <Style TargetType="MenuItem" BasedOn="{StaticResource {x:Type MenuItem}}">
            <Setter Property="Header" Value="{Binding HeadText}"/>
        </Style>
    </Menu.ItemContainerStyle>
</Menu>

但我想以另一种方式做到这一点。我很感兴趣，为什么另一种方式不起作用。

Answer 1

我找到了答案here。我的XAML首先看起来像这样：

    <Window.DataContext>
        <local:MainVM/>
    </Window.DataContext>

    <Window.Resources>
        <CollectionViewSource Source="{Binding Path=MItems}" x:Key="source"/>
    </Window.Resources>

    <StackPanel>
        <Menu DockPanel.Dock="Top">
            <Menu.ItemContainerStyle>
                <Style TargetType="MenuItem">
                    <Setter Property="Header" Value="{Binding HeadText}"/>
                </Style>
            </Menu.ItemContainerStyle>
        <Menu.ItemsSource>
            <CompositeCollection>
                <MenuItem Header="Static 1"/>
                <MenuItem Header="Static 2"/>
                <CollectionContainer Collection="{Binding Source={StaticResource source}}"/>
                <MenuItem Header="Static 3"/>
            </CompositeCollection>
        </Menu.ItemsSource>
    </Menu>
</StackPanel>

MainVM.cs和ClassA：

public class MainVM
{
    public MainVM() {
        _mItems.Add(new ClassA() { HeadText = "Dyn1" });
        _mItems.Add(new ClassA() { HeadText = "Dyn2" });
        _mItems.Add(new ClassA() { HeadText = "Dyn3" });
    }

    private ObservableCollection<ClassA> _mItems = new ObservableCollection<ClassA>();
    public ObservableCollection<ClassA> MItems{
        get { return _mItems; }
    }
}

public class ClassA
{
    public ClassA() { }

    private string _text = "";
    public String HeadText {
        get { return _text; }
        set { _text = value; }
    }
}

这样可以正常工作但是你必须注意到，在你真正混合静态和动态菜单项的情况下，Visual Studio会给你BindingExpression错误。

原因是XAML解析器将指定的ItemContainerStyle应用于动态AND到静态菜单项：它创建一个新的MenuItem并将HeadText属性绑定到新创建的MenuItem的Header属性。这是针对动态菜单项以及静态菜单项完成的。由于MenuItem类中没有HeadText属性，因此会显示错误。

应用程序不会崩溃，但它不是一个好的解决方案。解决方法是将MenuBar拆分为：

    <StackPanel>
        <Grid DockPanel.Dock="Top">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <Menu Grid.Column="0">
                <MenuItem Header="Static 1"/>
                <MenuItem Header="Static 2"/>
            </Menu>
            <Menu Grid.Column="1">
                <Menu.ItemContainerStyle>
                    <Style TargetType="MenuItem">
                        <Setter Property="Header" Value="{Binding HeadText}"/>
                    </Style>
                </Menu.ItemContainerStyle>
                <Menu.ItemsSource>
                    <CompositeCollection>
                        <CollectionContainer Collection="{Binding Source={StaticResource source}}"/>
                    </CompositeCollection>
                </Menu.ItemsSource>
            </Menu>
            <Menu Grid.Column="2">
                <MenuItem Header="Static 3"/>
            </Menu>
        </Grid>
    </StackPanel>

也许有更好的解决方案。如果是这样，请告诉我。

从Collection创建MenuItems

1 个答案: