访问 GridView 中的 TextBox 文本 (C# / XAML)

Question

所以我有一个自定义的 GridView，其数据模板包含一个 TextBox，并由一个名为 Player 的自定义类列表填充。我需要能够检索 Player 的实例和 TextBox 中的文本，并将它们保存到一个名为 Score 的新自定义类中。

    <GridView x:Name="gridScore" ItemsSource="{x:Bind PlayerList}" IsItemClickEnabled="True">
        <GridView.ItemTemplate>
            <DataTemplate x:DataType="data:Player">
                <StackPanel Orientation="Horizontal">
                    <TextBox x:Name="txtbxGridScore" TextChanged="txtbxGridScoreChangedEventHandler" />
                    <Image Source="{x:Bind ProfilePicture}"/>
                    <StackPanel VerticalAlignment="Center">
                        <TextBlock Text="{x:Bind FullName}" />
                        <TextBlock Text="{x:Bind Alias}" />
                    </StackPanel>
                </StackPanel>
            </DataTemplate>
        </GridView.ItemTemplate>
    </GridView>
    <Button x:Name="buttonSave" Content="Save Scores" Style="{StaticResource BarButtonStyle}" Click="buttonSave_Click"/>

我来自基于 Web 的 Java 背景，所以这对我来说有点新，但它似乎应该是一个相当简单的练习。

最初，我尝试在单击按钮时遍历 GridView，并抓取每个 Player 项目以及 TextBox 文本并将它们保存到 Score 的 List 中，但是，获取 TextBox 值被证明很麻烦。

然后我尝试初始化 Score 的页面范围 List 并在每次更改 TextBox 值时简单地更新它，但是我也无法完成这项工作。

任何一种方法的解决方案都适合我的目的。任何意见表示赞赏！

Answer 1

如果我正确理解你，这是解决你问题的方法之一。

所以让我们假设你的模型类 Player 有这样的结构：

public class Player {

    public int PlayerID { get; set; }
    public string ProfilePicture { get; set; }
    public string FullName { get; set; }
    public string Alias { get; set; }

    public float PlayerScore { get; set; } // To store textbox value
}

因此您可以使用双向绑定来解决此问题。

XAML 部分将如下所示：

 <GridView x:Name="gridScore"
                  ItemsSource="{x:Bind PlayerList}"
                  IsItemClickEnabled="True">

            <GridView.ItemTemplate>
                <DataTemplate x:DataType="data:Player">
                    <StackPanel Orientation="Horizontal">
                        <TextBox x:Name="txtbxGridScore"
                                 Text="{x:Bind PlayerScore, Mode=TwoWay}" />

                        <Image Source="{x:Bind ProfilePicture}" />
                        <StackPanel VerticalAlignment="Center">
                            <TextBlock Text="{x:Bind FullName}" />
                            <TextBlock Text="{x:Bind Alias}" />
                        </StackPanel>
                    </StackPanel>
                </DataTemplate>
            </GridView.ItemTemplate>
        </GridView>
        <Button x:Name="buttonSave"
                Content="Save Scores"
                Click="buttonSave_Click" />

我已经用一些像这样的虚拟数据初始化了你的 PlayerList：

PlayerList = new ObservableCollection<Player>() {

            new Player() {
                FullName = "Player A", Alias = "AAA"
            },

            new Player () {
                FullName = "Player B", Alias = "BBB"
            }
};

正如您在 XAML 中看到的，我正在将您的文本框与 Player 模型的 PlayerScore 属性绑定。

当我运行这个应用程序时，我会看到这样的屏幕：

我会在 TextBox 中输入一些数据，然后点击保存按钮：

当我点击保存时，它将触发您在按钮部分编写的事件

在这种情况下，我有一个 foreach 循环，它将遍历列表和一个断点，正如您在第一项“玩家 A”上看到的，PlayerScore 值为 10：

现在您可以通过某些 ID 属性或您想要的其他方式找到您的玩家。这是实现您想要的最简单的方法。

备注：这可以使用 MVVM 模式和其他东西以更好的方式解决，但正如你提到的你是初学者，所以也许你最好像这样解决它，然后继续更先进的技术。希望这对您有所帮助。