CODEWITHSUNDEEP
c#xamlcomboboxuwp
user8296390
user8296390

Reputation: 23

Populating UWP Combobox from code

I'm trying to populate a combobox from code instead of defining the values on the XAML. However, whether I try the binding method or setting them from a list, I can't seem to get it to work.

With the following class

    public class Quote
    {
        public int Value;
        public string DisplayValue; 
    }

And the following Observable Collection

    public ObservableCollection<Quote> QuoteCollection
    {
        get
        {
            return new ObservableCollection<Quote>
            {
               new Quote{ DisplayValue = "6", Value = 6 },
               new Quote{ DisplayValue = "12", Value = 12 },
               new Quote{ DisplayValue = "18", Value = 18 },
               new Quote{ DisplayValue = "24", Value = 24 },
               new Quote{ DisplayValue = "30", Value = 30 },
               new Quote{ DisplayValue = "36", Value = 36 },
               new Quote{ DisplayValue = "42", Value = 42 },
               new Quote{ DisplayValue = "48", Value = 48 },
               new Quote{ DisplayValue = "54", Value = 54 },
               new Quote{ DisplayValue = "60", Value = 60 }
            };
        }
    }

I can't seem to get it to work, nothing seems to happen when I bind it like this:

<local:ExtendedComboBox x:Name="quotes" ItemsSource="{Binding QuoteCollection}" DisplayMemberPath="DisplayValue"/>

And when I try to add it from a set List like this:

        quotes.ItemsSource = new List<Quote>
        {
            new Quote{ DisplayValue = "6", Value = 6 },
            new Quote{ DisplayValue = "12", Value = 12 },
            new Quote{ DisplayValue = "18", Value = 18 },
            new Quote{ DisplayValue = "24", Value = 24 },
            new Quote{ DisplayValue = "30", Value = 30 },
            new Quote{ DisplayValue = "36", Value = 36 },
            new Quote{ DisplayValue = "42", Value = 42 },
            new Quote{ DisplayValue = "48", Value = 48 },
            new Quote{ DisplayValue = "54", Value = 54 },
            new Quote{ DisplayValue = "60", Value = 60 }
        };

The Combobox appears to be filled with something, but all the options are blank.

The ExtendedComboBox was directly taken from here and both solutions were taken from here.

Upvotes: 1

Views: 982

Answers (2)

Franklin Chen - MSFT
Franklin Chen - MSFT

Reputation: 4923

In addition to the Getter and Setter declaration suggestion from AVK, you also need to ensure the Page.DataContext has been set correctly.

For example, the Constructor method:

public MainPage()
{
    this.InitializeComponent();
    this.DataContext = this; //Here
}

Collection:

public ObservableCollection<Quote> QuoteCollection
{
            get
            {
                return new ObservableCollection<Quote>
            {
               new Quote{ DisplayValue = "6", Value = 6 },
               new Quote{ DisplayValue = "12", Value = 12 },
               new Quote{ DisplayValue = "18", Value = 18 },
               new Quote{ DisplayValue = "24", Value = 24 },
               new Quote{ DisplayValue = "30", Value = 30 },
               new Quote{ DisplayValue = "36", Value = 36 },
               new Quote{ DisplayValue = "42", Value = 42 },
               new Quote{ DisplayValue = "48", Value = 48 },
               new Quote{ DisplayValue = "54", Value = 54 },
               new Quote{ DisplayValue = "60", Value = 60 }
            };
            }
}

Custom class:

public class Quote
{
            public int Value { get; set; }
            public string DisplayValue { get; set; }
}

Upvotes: 1

AVK
AVK

Reputation: 3923

Your Binding properties are regular properties but does not have getter and setter. So you need to change your class to below.

public class Quote
{
    public int Value { get; set; }
    public string DisplayValue { get; set; }
}

I did not test this but it should fix the issue.

Upvotes: 2

Related Questions