Как добавить данные в сетку в c # Windows UWP

Question

Я недавно начал с C #, и у меня возникла следующая проблема: у меня есть класс с именем «Classe», который предоставляет мне объект: Classe (имя String) и еще один с именем LesClasses, который на самом деле является ObservableCollection. При этом я хочу добавить все элементы «Класс» в GridView в пользовательском интерфейсе.

Основной код C #:

namespace TestProject
{

    public sealed partial class MainPage : Windows.UI.Xaml.Controls.Page
    {
        public MainPage()
        {
            this.InitializeComponent();
            LesClasses listeClasse = new LesClasses();
            Classe maClasse = new Classe("Test");
            listeClasse.Add(maClasse);
        }

        private void cd_Click(object sender, RoutedEventArgs e)
        {
            Classe classe = new Classe("test2");
            LesClasses listeClasse = new LesClasses();
            listeClasse.Add(classe);
        }
    }

    public class Classe
    {
        public String Nom { get; set; }

        public Classe(String nom)
        {
            this.Nom = nom;
        }
    }

    public class LesClasses : ObservableCollection<Classe>
    {
        public LesClasses()
        {

        }
    }

    public class DataTemplate : FrameworkTemplate{}
}

И XAML:

<Page
    x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:src="using:TestProject"
    mc:Ignorable="d"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

    <Grid>

        <Grid.Resources>
            <src:LesClasses x:Key="classes"/>
        </Grid.Resources>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="3*"/>
            <RowDefinition Height="0.5*"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="20*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <TextBlock Text="MyClassroom" Grid.Column="1" Grid.Row="0" HorizontalAlignment="Center" VerticalAlignment="Center" FontFamily="Segoe UI" FontWeight="SemiLight" FontSize="46"/>
        <GridView ItemsSource="{StaticResource classes}" Margin="10,10,10,10"  Grid.Column="1" Grid.Row="1" HorizontalAlignment="Center" VerticalAlignment="Center" FlowDirection="LeftToRight" Height="Auto" Width="Auto">
            <GridView.ItemTemplate>
                <DataTemplate>
                    <Button Margin="10,10,10,10" Height="Auto" Width="Auto" HorizontalAlignment="Center" VerticalAlignment="Center">
                        <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center" Orientation="Horizontal">
                            <SymbolIcon Symbol="OtherUser" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="10,10,10,10"/>
                            <StackPanel>
                                <TextBlock Text="{Binding Nom}" FontFamily="Segoe UI" FontWeight="SemiLight" FontSize="26"/>
                            </StackPanel>
                        </StackPanel>
                    </Button>
                </DataTemplate>
            </GridView.ItemTemplate>
            <GridView.ItemsPanel>
                <ItemsPanelTemplate>
                    <ItemsWrapGrid MaximumRowsOrColumns="3"/>
                </ItemsPanelTemplate>
            </GridView.ItemsPanel>

            <GridView.GroupStyle>
                <GroupStyle HidesIfEmpty="True">
                    <GroupStyle.HeaderTemplate>
                        <DataTemplate>
                            <Grid Background="LightGray" Margin="0">
                                <TextBlock Text='{Binding Name}' 
                                   Foreground="Black" Margin="30"
                                   Style="{StaticResource HeaderTextBlockStyle}"/>
                            </Grid>
                        </DataTemplate>
                    </GroupStyle.HeaderTemplate>

                </GroupStyle>
            </GridView.GroupStyle>
        </GridView>
        <Button Name="cd" Click="cd_Click" Grid.Column="1" Grid.Row="2" Content="Ajouter la classe test2" HorizontalAlignment="Stretch" VerticalAlignment="Bottom" FontFamily="Segoe UI" FontSize="18" FontWeight="SemiLight"/>
    </Grid>
</Page>

Когда я запускаю приложение и нажимаю на кнопку, ничего не происходит. Кто-нибудь может мне помочь, пожалуйста?

Answer 1

Проще всего, вот как вы можете решить свою проблему, в вашем коде позади вы должны сделать следующее:

1. Добавить свойство для наблюдаемой коллекции:

   public LesClasses Classes { get; set; }
   

2. Инициализировать список:

   Classes = new LesClasses();
   Classe maClasse = new Classe("Test");
   Classes.Add(maClasse);
   

3. Назначить MainPage.cs как ваш DataContext

   DataContext = this;
   

4. В вашем случае вам нужно добавить новый экземпляр Classe к вашему наблюдаемому свойству коллекции.

   private void cd_Click(object sender, Windows.UI.Xaml.RoutedEventArgs e)
   {
       Classe classe = new Classe("test2");
       Classes.Add(classe);
   }
   

В вашем xaml измените ItemSource для привязки к свойству коллекции:

<GridView ItemsSource="{Binding Classes}"

Ваш класс MainPage должен выглядеть следующим образом:

public sealed partial class MainPage : Page
    {
        public MainPage()
        {
            this.InitializeComponent();
            Classes = new LesClasses();
            Classe maClasse = new Classe("Test");
            Classes.Add(maClasse);
            DataContext = this;
        }

        public LesClasses Classes { get; set; }

        private void cd_Click(object sender, Windows.UI.Xaml.RoutedEventArgs e)
        {
            Classe classe = new Classe("test2");
            Classes.Add(classe);
        }
    }

Вывод:

Продолжайте учитьсяC # и UWP / WPF.