Как добавить кнопку управления для отображения ранее введенных данных

Question

У меня есть небольшая экранная программа, которая отображает пациентов, вверху есть кнопка поиска, куда вы можете войти по имени.Мне нужно, чтобы этот экран поиска управлялся кнопкой, то есть на ней не должно отображаться никаких записей (введено ранее), если только не нажать на эту кнопку, как мне настроить это?

  <Grid x:Name="LayoutRoot"  Background="LightGray" >


    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"></RowDefinition>
        <RowDefinition Height="Auto"></RowDefinition>
        <RowDefinition Height="Auto"></RowDefinition>
        <RowDefinition Height="Auto"></RowDefinition>
        <RowDefinition Height="Auto"></RowDefinition>
        <RowDefinition Height="Auto"></RowDefinition>
        <RowDefinition Height="Auto"></RowDefinition>
        <RowDefinition Height="Auto"></RowDefinition>
        <RowDefinition Height="Auto"></RowDefinition>
        <RowDefinition Height="Auto"></RowDefinition>
        <RowDefinition Height="Auto"></RowDefinition>
        <RowDefinition Height="Auto"></RowDefinition>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto"></ColumnDefinition>
        <ColumnDefinition Width="*"></ColumnDefinition>
        <ColumnDefinition Width="Auto"></ColumnDefinition>
        <ColumnDefinition Width="*"></ColumnDefinition>
    </Grid.ColumnDefinitions>

    <Grid Grid.Row="0" Grid.Column="1" Grid.ColumnSpan="3">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"></ColumnDefinition>
            <ColumnDefinition Width="*"></ColumnDefinition>
            <ColumnDefinition Width="Auto"></ColumnDefinition>
            <ColumnDefinition Width="*"></ColumnDefinition>
            <ColumnDefinition Width="Auto"></ColumnDefinition>
            <ColumnDefinition Width="*"></ColumnDefinition>
            <ColumnDefinition Width="Auto" ></ColumnDefinition>
            <ColumnDefinition Width="Auto" ></ColumnDefinition>
            <ColumnDefinition Width="Auto" ></ColumnDefinition>
            <ColumnDefinition Width="Auto" ></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <TextBlock Grid.Column="0" Text="First Name:" Margin="3"></TextBlock>
        <TextBox Grid.Column="1" x:Name="sTxtFirstName" Margin="3"></TextBox>
        <TextBlock Grid.Column="2" Text="Last Name:" Margin="3"></TextBlock>
        <TextBox Grid.Column="3" x:Name="sTxtLastName" Margin="3"></TextBox>
        <TextBlock Grid.Column="4" Text="Gender:" Margin="3"></TextBlock>
        <ComboBox Grid.Column="5" x:Name="sCombGender" Margin="3">
            <ComboBoxItem Content=""></ComboBoxItem>
            <ComboBoxItem Content="Male"></ComboBoxItem>
            <ComboBoxItem Content="Female"></ComboBoxItem>
        </ComboBox>
        <Button x:Name="btnSearch" Grid.Column="6" Margin="3" Height="30" Command="{Binding CMDSearch}" >
            <Button.Content>
                <StackPanel Orientation="Horizontal">
                    <Image Source="/PBM;component/Resources/Images/search.png" VerticalAlignment="Center" Margin="0,0,2,0" ></Image>
                    <TextBlock Text="Search" Width="50" VerticalAlignment="Center" Margin="1,0,0,0"></TextBlock>
                </StackPanel>
            </Button.Content>
        </Button>

Answer 1

Ты все делаешь неправильно.Используйте сетку только для размещения элементов управления на экране.
Используйте ListBox для отображения списка элементов.
Объявите свои элементы в ObservableCollection.
Используйте привязку данных, чтобы привязать список к наблюдаемой коллекции.Используйте C # для управления содержимым списка в ответ на нажатие кнопки, тогда данные списка появятся автоматически.