UWP Combobox绑定到SelectedItem属性

3 回答

• 10

  正如@Mike Eason和@kubakista所说，你需要明确地设置 Mode . 但这不会完全解决您的问题 .

  在您的代码中， SelectedComboBoxOption 是一个字符串，但 SelectedItem 是一个 ComboBoxItem 对象 . 将 String 绑定到 SelectedItem 不会更改 ComboBox 的所选项目 . 因此，如果您想使用 SelectedComboBoxOption 获取并设置 ComboBox 的所选项目，则需要将 SelectedComboBoxOption 更改为 ComboBoxItem 并使用 {x:Bind} 中的转换来在 Object 和 ComboBoxItem 之间进行转换 .

  The Convert may like:

  public class ComboBoxItemConvert : IValueConverter
  {
      public object Convert(object value, Type targetType, object parameter, string language)
      {
          return value;
      }
  
      public object ConvertBack(object value, Type targetType, object parameter, string language)
      {
          return value as MainPage.ComboBoxItem;
      }
  }
  

  The XAML may like:

  <Page ...>
      <Page.Resources>
          <local:ComboBoxItemConvert x:Key="ComboBoxItemConvert" />
      </Page.Resources>
  
      <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
          <StackPanel>
              <ComboBox Name="ComboBox"
                        DisplayMemberPath="ComboBoxHumanReadableOption"
                        Header="ComboBox"
                        ItemsSource="{x:Bind ComboBoxOptions}"
                        SelectedItem="{x:Bind SelectedComboBoxOption, Mode=TwoWay, Converter={StaticResource ComboBoxItemConvert}}"
                        SelectedValuePath="ComboBoxOption" />
              <TextBlock Name="BoundTextblock" Text="{x:Bind SelectedComboBoxOption.ComboBoxHumanReadableOption, Mode=OneWay}" />
          </StackPanel>
      </Grid>
  </Page>
  

  In the code-behind:

  public sealed partial class MainPage : Page, INotifyPropertyChanged
  {
      private ObservableCollection<ComboBoxItem> ComboBoxOptions;
  
      public MainPage()
      {
          this.InitializeComponent();
          ComboBoxOptions = new ObservableCollection<ComboBoxItem>();
          ComboBoxOptionsManager.GetComboBoxList(ComboBoxOptions);
          SelectedComboBoxOption = ComboBoxOptions[0];
      }
      ...
      private ComboBoxItem _SelectedComboBoxOption;
  
      public ComboBoxItem SelectedComboBoxOption
      {
          get
          {
              return _SelectedComboBoxOption;
          }
          set
          {
              if (_SelectedComboBoxOption != value)
              {
                  _SelectedComboBoxOption = value;
                  RaisePropertyChanged("SelectedComboBoxOption");
              }
          }
      }
      ...
  }
  

  如果您只想在 TextBlock 中显示所选项目，则有一种简单的方法 . 我们可以将 TextBlock 的 Text 属性绑定到 ComboBox 的 SelectedItem . 请注意 SelectedItem 的类型是 System.Object 和 {x:Bind} 是强类型的，并将解析路径中每个步骤的类型 . 如果返回的类型没有该成员，则它将在编译时失败 . 所以我们需要指定一个强制转换来告诉绑定对象的真实类型 . 但是在 {x:Bind} 中嵌入了一个issue嵌套类 . 我们可以将 ComboBoxItem 作为解决方法放在 MainPage 之外 .

  namespace ComboBoxTest
  {
      public class ComboBoxItem
      {
          public string ComboBoxOption { get; set; }
          public string ComboBoxHumanReadableOption { get; set; }
      }
  
      public sealed partial class MainPage : Page, INotifyPropertyChanged
      {
          ...
      }
  }
  

  而在XAML中：

  <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
      <StackPanel>
          <ComboBox Name="ComboBox"
                    DisplayMemberPath="ComboBoxHumanReadableOption"
                    Header="ComboBox"
                    ItemsSource="{x:Bind ComboBoxOptions}"
                    SelectedValuePath="ComboBoxOption" />
          <TextBlock Name="BoundTextblock" Text="{x:Bind ComboBox.SelectedItem.(local:ComboBoxItem.ComboBoxHumanReadableOption), Mode=OneWay}" />
      </StackPanel>
  </Grid>
  

  回复于 2024-05-06T09:19:52+08:00
• 0

  默认情况下， x:Bind 设置为 OneTime . 您只需将模式设置为 OneWay 即可解决此问题 .

  Text="{x:Bind SelectedComboBoxOption, Mode=OneWay}"
  

  回复于 2024-05-06T09:19:52+08:00
• 0

  另一个解决方案（更像MVVM）是在你的代码隐藏中创建一个ComboBoxItem类型的对象，绑定到该对象，然后让你的代码隐藏操作对象以获得所需的字符串 . 这将消除您必须创建转换器：

  C#
  public ComboBoxItem ComboBoxItemSelected {get; set;}
  
  XAML
  SelectedItem = "{Binding ComboBoxItemSelected, Mode=TwoWay}"
  

  回复于 2024-05-06T09:19:52+08:00