c# XAML multiple binding in ListBox

Question

I'm still having a lot of trouble to properly understand binding in XAML on windows phone 8.1 and papers on MSDN don't really seem to help me.

I have two structures. One that fills the data inside the ListBox which already works great and one, that should set the color, which I don't really understand on how to do that.

My code so far looks like this:

and the structures like this:

public class ComboboxItem
{
  public string Text { get; set; }
  public object Value { get; set; }

  public override string ToString()
  {
    return Text;
  }
}

public class ColorContainer
{
  public string boxStart { get; set; }
  public string boxEnd { get; set; }
  public string borderStart { get; set; }
  public string borderEnd { get; set; }
  public string firstEntry { get; set; }
  public string secondEntry { get; set; }
}

How can I set the colors? Or where do I define them and update them? And second question: After that, how can I select a value and add then another information from a third structure?

Thank you very much in advande

kennyzx · Accepted Answer

The type of GradientStop.Color is Color, so you need to define ColorContainer.boxStart as Color, or you need a Converter to convert string into Color, but to keep it simple, I will not use Converter since that adds more complexity to the code.

public class ColorContainer
{
    public Color boxStart { get; set; }
    public Color boxEnd { get; set; }
}

And I add a ColorContainer property to ComboboxItem.

public class ComboboxItem
{
    public string Name { get; set; }
    public object URL { get; set; }
    public ColorContainer CContainer { get; set; }

    public override string ToString()
    {
        return Name;
    }
}

And I define a MyDataContext class which contain the list of ComboboxItems for binding

public class MyDataContext
{
    public MyDataContext()
    {
        ColorContainer _cContainer = new ColorContainer(); ;
        _cContainer.boxStart = Colors.Orange;
        _cContainer.boxEnd = Colors.Green;

        //note that all items use this _cContainer instance
        _items = new ObservableCollection();
        _items.Add(new ComboboxItem() { Name = "name1", URL = "url1", CContainer = _cContainer });
        _items.Add(new ComboboxItem() { Name = "name2", URL = "url2", CContainer = _cContainer });
    }

    ObservableCollection _items;
    public ObservableCollection Items
    {
        get { return _items; }
    }
}

Finally, the binding code:

Don't forget the set the DataContext of the page, as you already did.

// Constructor
public MainPage()
{
    InitializeComponent();

    this.DataContext = new MyDataContext();
    // Sample code to localize the ApplicationBar
    //BuildLocalizedApplicationBar();
}

Update

to fix the problem in your comment regarding the width of the listboxitem, add this

c# XAML multiple binding in ListBox

Answers (1)

Related Questions