在 UWP 中使用绑定和 DataContext 不起作用答案

【问题标题】：Using binding and DataContext in UWP not working在 UWP 中使用绑定和 DataContext 不起作用
【发布时间】：2017-03-06 12:37:55
【问题描述】：

我正在创建一个移动 Windows 应用。我在 UWP 中有一个视图，其中 xaml.cs 文件以以下代码开头：

using Windows.Storage;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using EnergyBattle.Helpers;

namespace EnergyBattle.Views.Tutorial
{
    public sealed partial class TutorialPage1 : Page
    {
        ApplicationDataContainer localSettings = ApplicationData.Current.LocalSettings;
        StorageFolder localFolder = ApplicationData.Current.LocalFolder;
        UniversalData VM = UniversalData.Instance;

        public TutorialPage1()
        {
            this.InitializeComponent();
            DataContext = VM;
        }

对应的视图有如下标记代码：

<Page
    x:Class="EnergyBattle.Views.Tutorial.TutorialPage1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:EnergyBattle.Views.Tutorial"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <StackPanel Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" >
        <TextBlock>Select your sportclub</TextBlock>

        <ListView ItemsSource="{Binding ListOfSportclubs}" IsItemClickEnabled="True" ItemClick="listItemClick">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto" />
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto" />
                        </Grid.ColumnDefinitions>

                        <TextBlock Grid.Row="0" Grid.Column="0"><Run Text="{Binding name}" /></TextBlock>
                    </Grid>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
    </StackPanel>
</Page>

我正在尝试使用绑定（如“”中所示）来显示我保存在模型中的列表中的项目。 DataContext 中包含正确的数据，您可以在此断点处看到：https://i.stack.imgur.com/8TFVi.png - 请注意，此时模拟器仍在其启动屏幕上，因此尚未加载视图。

当然，ListView 应该填充 DataContext 中的所有七个项目，对吗？对我来说，该视图只显示测试文本“选择您的运动俱乐部”。

我在输出窗口中收到以下错误消息：

Error: BindingExpression path error: 'ListOfSportclubs' property not found on 'EnergyBattle.Helpers.UniversalData'. BindingExpression: Path='ListOfSportclubs' DataItem='EnergyBattle.Helpers.UniversalData'; target element is 'Windows.UI.Xaml.Controls.ListView' (Name='null'); target property is 'ItemsSource' (type 'Object')

我做错了什么？非常相似的代码在我见过和使用过的其他程序中运行良好。

编辑：人们想了解更多关于 ListOfSportclubs 的信息。这里定义：

class UniversalData
    {
        public static UniversalData Instance { get; } = new UniversalData();
        private List<Sportclub> ListOfSportclubs = new List<Sportclub>();
        private List<Stoplicht> stoplichtList = new List<Stoplicht>();

        public List<Sportclub> getSportclubList() { return ListOfSportclubs; }
        public List<Stoplicht> getStoplichtList() { return stoplichtList; }

        public void setSportclubList(List<Sportclub> sportclubList)
        {
            this.ListOfSportclubs = sportclubList;
        }

        public void setStoplichtList(List<Stoplicht> stoplichtList)
        {
            this.stoplichtList = stoplichtList;
        }
    }

【问题讨论】：

是ListOfSportclubs 财产还是归档？显示为声明它的类。
我用这些信息编辑了我的帖子。
您的ListOfSportclubs 必须是具有合适吸气剂的公共财产。
公开 ListOfSportclubs 没有任何改变。我当前的 getSportclubList() 是否存在缺陷？

标签： c# data-binding uwp datacontext

【解决方案1】：

正如错误所说，在您的视图模型中找不到具有此名称的属性。 Binding 适用于 public 属性，不适用于字段。

在您的屏幕截图中，您的视图模型中有 ListOfSportclubs 成员，但由于错误，它是字段。

您需要在视图模型中创建一些 public 属性并创建与该属性的绑定。

public List<Sportclub> ListOfSportclubs { get; set; } = new List<Sportclub>();

【讨论】：

呃，只需添加 {get; set;} 像这样解决了我的整个问题。非常感谢您帮助我！
刚刚做了 - 仍在试图弄清楚整个网站是如何运作的^_^

【解决方案2】：

将“UniversalData”类更改为以下解决了该问题：

class UniversalData
    {
        public static UniversalData Instance { get; } = new UniversalData();
        public List<Sportclub> ListOfSportclubs {get; set;} = new List<Sportclub>();
        private List<Stoplicht> stoplichtList = new List<Stoplicht>();

        public List<Sportclub> getSportclubList() { return ListOfSportclubs; }
        public List<Stoplicht> getStoplichtList() { return stoplichtList; }

        public void setSportclubList(List<Sportclub> sportclubList)
        {
            this.ListOfSportclubs = sportclubList;
        }

        public void setStoplichtList(List<Stoplicht> stoplichtList)
        {
            this.stoplichtList = stoplichtList;
        }
    }

是的，你没看错：我需要做的就是添加“{get; set;}”。谢谢大家的回复！

【讨论】：