将所选项目绑定到文本框

Question

你好，有人能告诉我如何将列表框中选择的项目绑定到文本框吗？我使用了ElementName和Path，但是没有显示任何内容...

- csensoft

---

你能提供一下完整的XAML绑定代码吗？ElementName和Path不是很详细的信息。有趣的部分是您分配给这些属性的值。 - gehho

Answer 1

这是如何完成SelectedItem.Content的操作。

<StackPanel>
<TextBlock Width="248" Height="24" Text="Colors:" 
    TextWrapping="Wrap"/>
<ListBox x:Name="lbColor" Width="248" Height="56">
    <ListBoxItem Content="Blue"/>
    <ListBoxItem Content="Green"/>
    <ListBoxItem Content="Yellow"/>
    <ListBoxItem Content="Red"/>
    <ListBoxItem Content="Purple"/>
    <ListBoxItem Content="Orange"/>
</ListBox>
<TextBlock Width="248" Height="24" Text="You selected color:" />
<TextBlock Width="248" Height="24">
    <TextBlock.Text>
        <Binding ElementName="lbColor" Path="SelectedItem.Content"/>
    </TextBlock.Text>
</TextBlock>

- Kishore Kumar

Answer 2

通过Listbox的SelectedItem设置网格的Datacontext，然后按照下面的方式进行正常绑定。

 <Grid>
<Grid.ColumnDefinitions>
  <ColumnDefinition Width="3*"></ColumnDefinition>
  <ColumnDefinition Width="5*"></ColumnDefinition>
</Grid.ColumnDefinitions>

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

  <Button Margin="7,7,7,0" Padding="2" Click="cmdGetProducts_Click">Get Products</Button>
  <ListBox Grid.Row="1" Margin="7,3,7,10" Name="lstProducts" HorizontalContentAlignment="Stretch" SnapsToDevicePixels="True">
    <ListBox.ItemContainerStyle>
      <Style>
        <Setter Property="Control.Padding" Value="0"></Setter>
        <Style.Triggers>
          <Trigger Property="ListBoxItem.IsSelected" Value="True">
            <Setter Property="ListBoxItem.Background" Value="DarkRed" />
          </Trigger>
        </Style.Triggers>
      </Style>
    </ListBox.ItemContainerStyle>     
    <ListBox.ItemTemplate>
      <DataTemplate>
        <Grid Margin="0" Background="White">
        <Border Margin="5" BorderThickness="1" BorderBrush="SteelBlue"
                CornerRadius="4">
          <Grid Margin="3">
            <Grid.RowDefinitions>
              <RowDefinition></RowDefinition>
              <RowDefinition></RowDefinition>
            </Grid.RowDefinitions>
            <TextBlock FontWeight="Bold" Text="{Binding Path=ModelNumber}"></TextBlock>
            <TextBlock Grid.Row="1" Text="{Binding Path=ModelName}"></TextBlock>
          </Grid>
        </Border>
        </Grid>
      </DataTemplate>
    </ListBox.ItemTemplate>
  </ListBox>


</Grid>

<GridSplitter Grid.Column="1" HorizontalAlignment="Left" VerticalAlignment="Stretch"
               Width="5"></GridSplitter>

<Border Grid.Column="1" Padding="7" Margin="7" Background="LightSteelBlue">
  <Grid DataContext="{Binding ElementName=lstProducts, Path=SelectedItem}" >
    <Grid.ColumnDefinitions>
      <ColumnDefinition Width="Auto"></ColumnDefinition>
      <ColumnDefinition></ColumnDefinition>
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
      <RowDefinition Height="Auto"></RowDefinition>
      <RowDefinition Height="Auto"></RowDefinition>
      <RowDefinition Height="Auto"></RowDefinition>
      <RowDefinition Height="Auto"></RowDefinition>
      <RowDefinition Height="*"></RowDefinition>
    </Grid.RowDefinitions>

    <TextBlock Margin="7">Model Number:</TextBlock>
    <TextBox Margin="5" Grid.Column="1" Text="{Binding Path=ModelNumber}"></TextBox>
    <TextBlock Margin="7" Grid.Row="1">Model Name:</TextBlock>
    <TextBox Margin="5" Grid.Row="1" Grid.Column="1" Text="{Binding Path=ModelName}"></TextBox>
    <TextBlock Margin="7" Grid.Row="2">Unit Cost:</TextBlock>
    <TextBox Margin="5" Grid.Row="2" Grid.Column="1" Text="{Binding Path=UnitCost}"></TextBox>
    <TextBlock Margin="7,7,7,0" Grid.Row="3">Description:</TextBlock>
    <TextBox Margin="7" Grid.Row="4" Grid.Column="0" Grid.ColumnSpan="2" 
             TextWrapping="Wrap" VerticalScrollBarVisibility="Visible" Text="{Binding Path=Description}"></TextBox>

  </Grid>
</Border>

- Kishore Kumar

---

谢谢，它正常工作了...但是如何在不指定GRID内的TextBox的情况下完成相同的操作呢？ 我的意思是例如在文本框绑定ElementName为ListBoxName和Path为Path = SelectedItem.Content（但它不起作用..你能告诉我吗？谢谢。 - csensoft

我将SelectedItem.Content的示例作为新答案发布了。 - Kishore Kumar