组合框项目源绑定不起作用

Question

我正在尝试使用 Xaml 中的 Binding 使用数据集合 ObservableCollection 填充我的 Combobox ItemsSource，但我总是得到 Combobox ItemsSource null 。

WPF UserControl Cs 代码：（更新代码）

    public ObservableCollection<User> users { get; set; }


      public partial class MainWindow : Window

         
         {
            InitializeComponent();
            User user1 = new User("Mariah", 15);
            User user2 = new User("John", 19 );
            users = new ObservableCollections<User>();
            users.Add(user1);
            users.Add(user2);
            this.DataContext = this;          
            Console.WriteLine(ComboBoxUsers.Items.Count); // always 0
            Console.WriteLine(ComboBoxUsers.ItemsSource); // always null
         }

WPF UserControl Xaml 代码：（更新了我的代码）

          <ComboBox SelectedIndex = "0" x:Name="ComboBoxUsers" ItemsSource="{Binding users, UpdateSourceTrigger=PropertyChanged}" FontFamily="Arial" FontSize="11" Grid.Row="3" Height="30"  Margin="10,5,5,5">
<ComboBox.ItemTemplate>
    <DataTemplate>
        <StackPanel Orientation="Horizontal" >
             <Image  IsEnabled="False" Source="{Binding Image}"/>
             <TextBlock x:Name="textblock" IsEnabled="False"   Text="{Binding Name} />

        </StackPanel>
        <DataTemplate.Resources>
            <Style TargetType="ComboBoxItem">
                <Setter Property="IsEnable" Value="{Binding IsEnable}"/>
            </Style>
        </DataTemplate.Resources>
    </DataTemplate>
</ComboBox.ItemTemplate>
                    </StackPanel>

                </DataTemplate>

            </ComboBox.ItemTemplate>
            <ComboBox.ItemContainerStyle>
                <Style TargetType="ComboBoxItem" BasedOn="{StaticResource {x:Type ComboBoxItem}}">
                    <Setter
                Property="Visibility"
                Value="{Binding IsHidden}" />
                </Style>
            </ComboBox.ItemContainerStyle>

        </ComboBox>

班级用户

 public class User 
    {
       public string Name  { get; set; }
       public int Age { get; set; }
       public User(string name, int age)
           {
              this.Name = name;
              this.Age = age;
           }
    }

这个问题的根源是什么？

Answer 1

丢弃不必要的（与问题无关或有语法错误），您的示例稍加格式化即可正常工作。

XAML：

<ComboBox x:Name="ComboBoxUsers"
          ItemsSource="{Binding Users}" 
          FontFamily="Arial"
          FontSize="11"
          Grid.Row="3" 
          Height="30" 
          Margin="10,5,5,5">
    <ComboBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal" >
                <TextBlock IsEnabled="False" 
                           Text="{Binding Name}" />
            </StackPanel>
        </DataTemplate>
    </ComboBox.ItemTemplate>
</ComboBox>

代码隐藏：

public class User
{
    public string Name { get; }
    public int Age { get; }

    public User(string name, int age)
    {
        Name = name;
        Age = age;
    }
}

public partial class MainWindow : Window
{
    public ObservableCollection<User> Users { get; }

    public MainWindow()
    {
        InitializeComponent();

        // Initialize collection with some items
        Users = new ObservableCollection<User>
        {
            new User("Mariah", 15),
            new User("John", 19)
        };

        DataContext = this;
    }
}

结果：

备注：

你的

Console.WriteLine(ComboBoxUsers.Items.Count); // always 0
Console.WriteLine(ComboBoxUsers.ItemsSource); // always null

因为您使用绑定。您无需通过ComboBox 访问ItemsSource 或Items.Count - 您应该使用绑定 集合Users（例如Users.Count）来操作或获取ComboBox 内容。

编辑。

关于SelectedItem。您应该自己定义，您想使用 Bindings 还是直接使用 ComboBox。

Binding 促使你不要使用 ComboBox.SelectedItem/Index/Value 任何东西。甚至不访问ComboBoxUsers 来获取一些数据。 Binding 与MVVM Pattern 等密切相关。如果您决定使用绑定 - 忘记直接访问 ComboBox 或它的数据属性 SelectedItem/Index/Value 或类似的。

如果您使用绑定 - 您应该为 SelectedItem 创建一个属性（例如 SelectedUser）（与为您的 ItemsSource 创建属性 Users 相同）并绑定到它：

XAML （引入SelectedItem 属性和SelectionChanged 处理程序的绑定）：

<ComboBox x:Name="ComboBoxUsers"
          ItemsSource="{Binding Users}" 
          SelectedItem="{Binding SelectedUser}"
          SelectionChanged="OnUserSelectionChanged"
          FontFamily="Arial"
          FontSize="11"
          Grid.Row="3" 
          Height="30" 
          Margin="10,5,5,5">
</ComboBox>

代码隐藏 （引入属性SelectedUser 和OnUserSelectionChanged 处理程序）：

public partial class MainWindow : Window
{
    public ObservableCollection<User> Users { get; }
    // Here would be stored your Binded selected item
    public User SelectedUser { get; set; }

    // And here is your handler when selection changed
    private void OnUserSelectionChanged(object sender, SelectionChangedEventArgs e)
    {
        // SelectedUser property stores selected in ComboBox item,
        // so you can use it directly
        _ = MessageBox.Show(SelectedUser.Name);

        // Even if you wish to get directly - it is possible 
        // (thanks to @Clemens):
        var selectedUser = (sender as ComboBox).SelectedItem as User;
        var selectediIndex = (sender as ComboBox).SelectedIndex;
    }

    public MainWindow()
    {
        InitializeComponent();

        Users = new ObservableCollection<User>
        {
            new User("Mariah", 15),
            new User("John", 19)           
        };

        DataContext = this;
    }
}

对您希望绑定的每个属性重复相同的算法（例如SelectedIndex）：

SelectedIndex="{Binding SelectedUserIndex}"
public int SelectedUserIndex { get; set; }

结果：

自己决定，你需要什么。漂亮的现代绑定或旧无聊(sender as ComboBox).SelectedItem。