如何在 ItemTemplate 中编写 UWP MVVM ComboBox？

Question

我试图弄清楚如何在 ComboBox 中显示所选项目的类别，该组合框本身位于 GridView.ItemsTemplate 中。到目前为止，我尝试过的任何方法都没有奏效。我试过使用 SelectedValue 和 SelectedValuePath。 我可以在 GridView.ItemsTemplate 中的文本框中显示项目的类别，但不能在 ComboBox 中显示集合。

// FiledNotesPageViewModel ViewModel
public class FiledNotesPageViewModel : ViewModelBase
{
public ObservableCollection<MemoryItem> NoteItems { get; set; } = new ObservableCollection<MemoryItem>();
}

// Public Properties
        public int FiledNotesId
    {
        get
        {
            return _filedNotesId;
        }
        set
        {
            _filedNotesId = value;
            OnPropertyChanged("FiledNotesId");
        }
    }
            public string Name
    {
        get
        {
            return _name;
        }
        set
        {
            _name = value;
            OnPropertyChanged("Name");
        }
    }
    public string Note
    {
        get
        {
            return _note;
        }
        set
        {
            _note = value;
            OnPropertyChanged("Note");
        }
    }
    public string Category
    {
        get
        {
            return _category;
        }
        set
        {
            _category = value;
            OnPropertyChanged("Category");
        }
    }

// MemoryItem Model

    public int FiledNotesId { get; set; }

    public string Note { get; set; } 

    public string Name { get; set; }

    public string Category { get; set; }

归档笔记页面视图

 <GridView x:Name="FiledNotesGrid"
              RelativePanel.Below="FilterNoteGrid"
              ItemsSource="{x:Bind ViewModel.NoteItems}">
        <GridView.ItemsPanel>
            <ItemsPanelTemplate>
                <ItemsWrapGrid Orientation="Horizontal" 
                               Margin="5"/>
            </ItemsPanelTemplate>
        </GridView.ItemsPanel>
        <GridView.ItemTemplate>
            <DataTemplate x:DataType="data:MemoryItem">                    
                <StackPanel Orientation="Vertical" 
                            BorderBrush="{ThemeResource AppBarBorderThemeBrush}" 
                            BorderThickness="2,2,2,4" 
                            Margin="20"
                            Background="#FFF7F713" >
                    <TextBox x:Name="NoteNameTextBox" 
                             Text="{x:Bind Name, Mode=TwoWay}"/>
                    <TextBox x:Name="NoteTextBox"
                             TextWrapping="Wrap"
                             AcceptsReturn="True"
                             Text="{x:Bind Note, Mode=TwoWay}"/>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Margin="5,0">Category:</TextBlock>
                        <ComboBox x:Name="NoteCategoryComboBox"
                                  SelectedItem="{Binding FiledNotesId, Mode=TwoWay}"
                                  MinWidth="125">
                            <ComboBox.ItemTemplate>
                                <DataTemplate>
                                    <TextBlock Text="{Binding Category}" />
                                </DataTemplate>
                            </ComboBox.ItemTemplate>
                        </ComboBox>
                    </StackPanel>
                </StackPanel>
            </DataTemplate>
        </GridView.ItemTemplate>
    </GridView>

Answer 1

您的组合框没有ItemsSource

你需要做这样的事情......

在您的 CS 文件中创建要绑定的 ObservableCollection 属性。

public ObservableCollection<int> FieldNoteIds {get; set;}

在你看来，绑定到你的收藏

<ComboBox ItemsSource="{Binding FieldNoteIds}">

现在，您提供了一个模板，用于显示填充到组合框中的每个项目，但您没有给它任何填充内容。

关于组合框和绑定的 MSDN 教程

https://code.msdn.microsoft.com/windowsdesktop/Best-ComboBox-Tutorial-5cc27f82#content