如何将数据从文本框保存到 UWP 中的数据网格

Question

我正在尝试在 UWP 中制作一个简单的应用程序，用于在文本框中写入并将其保存（使用按钮）到数据网格中...

我不知道如何制作这个，我真的是新手（菜鸟）使用这个平台。

这是我唯一找到的 this

Answer 1

How to save data from textbox to datagrid in UWP

对于您的方案，您可以创建一个字符串集合并将其绑定到 DataGrid 项目源，如下所示。

代码隐藏

public sealed partial class MainPage : Page
{
    public MainPage()
    {
        this.InitializeComponent();
    }
    private ObservableCollection<string> Items = new ObservableCollection<string>();
    private void dataGrid_Loaded(object sender, RoutedEventArgs e)
    {
        dataGrid.ItemsSource = Items;
    }

    private void SubmitButton_Click(object sender, RoutedEventArgs e)
    {
        if (!string.IsNullOrEmpty(ContentTextBox.Text))
        {
            Items.Add(ContentTextBox.Text);
            ContentTextBox.Text = string.Empty;
        }
       
    }
}

Xaml代码

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="auto" />
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="auto" />
        </Grid.ColumnDefinitions>
        <TextBox x:Name="ContentTextBox" />
        <Button
            x:Name="SubmitButton"
            Grid.Column="1"
            HorizontalAlignment="Right"
            Click="SubmitButton_Click"
            Content="Submit" />
    </Grid>

    <controls:DataGrid
        x:Name="dataGrid"
        Grid.Row="1"
        Margin="12"
        HorizontalAlignment="Stretch"
        VerticalAlignment="Stretch"
        AlternatingRowBackground="Transparent"
        AlternatingRowForeground="Gray"
        AreRowDetailsFrozen="False"
        AreRowGroupHeadersFrozen="True"
        AutoGenerateColumns="False"
        CanUserReorderColumns="True"
        CanUserResizeColumns="True"
        CanUserSortColumns="False"
        ColumnHeaderHeight="32"
        FrozenColumnCount="0"
        GridLinesVisibility="None"
        HeadersVisibility="Column"
        HorizontalScrollBarVisibility="Visible"
        IsReadOnly="False"
        Loaded="dataGrid_Loaded"
        MaxColumnWidth="400"
        RowDetailsVisibilityMode="Collapsed"
        RowGroupHeaderPropertyNameAlternative="Range"
        SelectionMode="Extended"
        VerticalScrollBarVisibility="Visible">
        <controls:DataGrid.Columns>
            <controls:DataGridTextColumn
                Binding="{Binding}"
                Header="Content"
                Tag="text" />
        </controls:DataGrid.Columns>
    </controls:DataGrid>
</Grid>

如何将数据从文本框保存到 UWP 中的数据网格

How to save data from textbox to datagrid in UWP

c#

uwp

uwp-xaml

windows-community-toolkit