You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

.NET MAUI Picker的ItemsSource绑定失效问题求助

.NET MAUI Picker数据绑定失效问题解决

问题根源

  1. 属性名大小写不匹配:后台代码中定义的是小写开头的carNames,但XAML绑定路径写的是CarNames,C#大小写敏感,导致绑定无法找到目标属性。
  2. 未设置BindingContext:页面的BindingContext未指向自身,XAML绑定默认无法定位到页面类中的属性。
  3. ItemDisplayBinding配置错误:carNames是字符串列表,每个项本身就是字符串类型,ItemDisplayBinding="{Binding Cars}"的路径无效,因为字符串没有Cars属性。

修复方案

1. 统一属性命名(遵循C#规范)

将后台的属性改为大驼峰命名(符合.NET属性命名惯例),同时替换为ObservableCollection以支持动态更新:

// 替换原有的List<string> carNames
public ObservableCollection<string> CarNames { get; set; } = new();

注:使用ObservableCollection而非List,可以在集合内容变化时自动同步Picker选项,无需手动刷新。

2. 设置页面的BindingContext

在页面构造函数中添加BindingContext赋值,让XAML绑定能找到页面的属性:

public CarView()
{
    carSet = new CarSet(CarNames); // 同步修改传入的参数名
    InitializeComponent();
    BindingContext = this; // 核心:将绑定上下文指向当前页面实例
}

3. 修正Picker的XAML配置

移除无效的ItemDisplayBinding,或者显式绑定当前字符串项:

<Picker x:Name="Picker"
        Title="Select a Car"
        ItemsSource="{Binding CarNames}"
        Grid.Column="0"/>

如果需要显式指定显示内容,也可以写成:

ItemDisplayBinding="{Binding .}"

验证修改

完成上述调整后,CarNames中的数据会自动绑定到Picker控件,后续集合内容更新时(比如添加新车型),Picker也会同步刷新选项。

内容的提问来源于stack exchange,提问作者David Hernandez

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.16 23:45:28