데이터를 표시하기위한 컨트롤 버튼을 추가하는 방법

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#을 사용하면 목록 데이터가 자동으로 나타납니다.