Home / Questions / 2519
Accepted
Edwin V
Asked: 2020-01-14 16:39:41 +0800 CST 2020-01-14 16:39:41 +0800 CST

绑定 ComboBox 的值

  • 772

我的问题是我试图在ComboBox属性类型和stringviewModel 之间进行绑定，但我做不到

<ComboBox HorizontalAlignment="Stretch"
          SelectedItem="{Binding Path=OResultado, Mode=TwoWay}">
    <ComboBoxItem Content="Anomalia"/>
    <ComboBoxItem Content="Retiro"/>
    <ComboBoxItem Content="Retiro con Anomalia"/>
    <ComboBoxItem Content="Conforme"/>
</ComboBox>

我尝试使用SelectedItemand SelectedValue，SelectedIndex但它只返回ComboBoxItem所选索引的索引。我试图做一个Converter，但我无法让它返回预期的结果。

我想要做的是，当用户从ComboBox 项目的值Content中选择一个项目时，将其分配给string OResultado我的 viewModel 的 type 属性。

c#

1 Answers

  1. Best Answer

    在这种情况下，有几种方法可以做到这一点，但最简单的方法是动态填充 ComboBox，而不是使用静态值。

    这是通过在中创建选项列表ViewModel并Binding使用ItemsSourcedel来实现的ComboBox。

    查看模型

    您可以在此处获取 BindableBase：Apps、Binding、INotifyPropertyChanged 和 BindableBase | XAML | C#，我设置了OResultado= "Conforme".

    此外，我通过调用属性执行了延迟初始化的技巧，以便能够viewmodel从xaml

    using App3.Util;
using System.Collections.ObjectModel;

namespace App3.ViewModels
{
    public class MainAppVM : BindableBase
    {
        private bool _initialized = false;
        private object _lockject = new object();

        public ObservableCollection<string> _listaOpciones;
        public ObservableCollection<string> ListaOpciones
        {
            get
            {   Initialize();
                return _listaOpciones;}
            set { SetProperty(ref _listaOpciones, value); }
        }

        private string _oResultado;
        public string OResultado
        {
            get
            {   Initialize();
                return _oResultado; }
            set { SetProperty(ref _oResultado, value); }
        }


        public void Initialize()
        {
            lock (_lockject)
            {
                if (!_initialized)
                {
                    _initialized = true;
                    _listaOpciones = new ObservableCollection<string>();
                    _listaOpciones.Add("Anomalia");
                    _listaOpciones.Add("Retiro");
                    _listaOpciones.Add("Retiro con Anomalia");
                    _listaOpciones.Add("Conforme");

                    _oResultado = "Conforme";
                }
            }
        }
    }
}

    XAML

    已经有了 viewModel 然后你把它添加到你的xamlasDataContext

    <Page.DataContext>
    <vm:MainAppVM/>
</Page.DataContext>

    然后绑定作为ViewModel 中公开的属性的ItemsSourcecon绑定，然后您立即分配与in进行绑定ListaOpcionesSelectedItemOResultadoTwoWay Mode

    <ComboBox x:Name="combo" HorizontalAlignment="Stretch" VerticalAlignment="Center"
                          ItemsSource="{Binding ListaOpciones}"
                          SelectedItem="{Binding OResultado,  Mode=TwoWay}" >
</ComboBox>

    请记住添加对视图模型命名空间的引用（第 5 行）。

    <Page
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:App3"
    xmlns:vm="using:App3.ViewModels"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    x:Class="App3.MainPage"
    mc:Ignorable="d">
    <Page.DataContext>
        <vm:MainAppVM/>
    </Page.DataContext>
    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
            <ComboBox x:Name="combo" HorizontalAlignment="Stretch" VerticalAlignment="Center"
                          ItemsSource="{Binding ListaOpciones}"
                          SelectedItem="{Binding OResultado,  Mode=TwoWay}" >
            </ComboBox>
        </StackPanel>
    </Grid>
</Page>

    这是所有的了！

    正如我一直告诉你的那样，你必须学习 Binding，我推荐

    XAML 视频课程，尤其是第 5、7、8 章

    • 4