如何访问堆栈面板中网格中的文本框

本文关键字:网格 中网 文本 何访问 访问 堆栈 | 更新日期: 2023-09-27 18:36:22

我有以下代码:

<StackPanel x:Name="ContentStackPanel">
            <Grid>
                <TextBlock Text="Min Value" />
                <TextBox Text="{Binding MinValue}" />
            </Grid>
            <Grid>
                <TextBlock Text="Max Value" />
                <TextBox Text="{Binding MinValue}" />
            </Grid>
</StackPanel>

我想添加一个按钮,以便我可以清除两个文本框中的文本。 此代码不起作用

        private void ClearAllClick(object sender, RoutedEventArgs e)
        {
             foreach (TextBox tb in ContentStack.Children)
             {
                 tb.Text = String.Empty;
             }
        }

如何访问 ContentStackPanel 网格内的文本框?

如何访问堆栈面板中网格中的文本框

Children属性仅为您提供直接子项,而不是所有后代。 您可以编写一个帮助程序方法来遍历树:

private void ClearAllClick(object sender, RoutedEventArgs e)
{
    ClearTextChildren(ContentStackPanel);
}
private void ClearTextChildren((Panel container)
{
    foreach (var element in container.Children)
    {
        if (element is TextBox)
            ((TextBox)element).Text = String.Empty;
        else if (element is Panel)
            ClearChildren((Panel)element);
    }
}

另一种方法(可能更好,因为在代码中遍历 UI 树很脆弱)是在按钮上使用Command实现,而不是单击处理程序。 这将允许您清除视图模型属性,而不是文本框本身。

<Button x:Name="ClearAll" Command="{Binding ClearAllCommand}" />

"ClearAllCommand"应该与"MinValue"和"MaxValue"位于同一位置:

public ICommand ClearAllCommand { get; private set; }

使用标准DelegateCommand实现:

ClearAllCommand = new DelegateCommand(arg => {
    MinValue = null;
    MaxValue = null; 
});