Adding ListBoxItems in Code-behind

Question

How do we add new items to a ListBox control in a Windows Metro style application at run-time?

I come from WinForms, so as you could imagine, I'm pretty confused right now.

I have the following:

public class NoteView
{
   public string Title { get; set; }
   public string b { get; set; }
   public string c { get; set; }
}

and then:

List<NoteView> notes = new List<NoteView>();

protected void Button1_Click(object sender, RoutedEventArgs e)
{
   notes.Add(new NoteView {
      a = "text one",
      b = "whatevs",
      c = "yawns"
   });

   NotesList.ItemsSource = notes;
}

Which is useless. It does nothing. Also, there is nothing in the Output window. No errors, no exceptions; nothing.

So, then I tried directly adding to the ListBox:

NotesList.Items.Add("whatever!");

Again, nothing happened. So then I tried adding UpdateLayout(); but that didn't help either.

Anybody know what's up with that?

How do we add new items to a XAML ListBox?

Update:

        <ListBox Name="NotesList" Background="WhiteSmoke">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding Title, Mode=TwoWay}" />
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

check out this c-sharpcorner.com/uploadfile/mahesh/listbox-in-wpf & mmillies.wordpress.com/2008/07/12/… — Jignesh Thakker
– Jignesh Thakker, Commented Sep 17, 2012 at 16:59

Mitja Bonca · Accepted Answer · 2012-09-17 16:59:49Z

1

YOu will have to do it a bit differently, you cannot just asign all the properties to listBox. So create this kind of class:

 public class NoteView
{
    public string Item { get; set; }
    public int Value { get; set; }
}

And this is then the code inside button click event:

        List<NoteView> notes = new List<NoteView>();
        notes.Add(new NoteView { Item = "a", Value = 1 });
        notes.Add(new NoteView { Item = "b", Value = 2 });
        notes.Add(new NoteView { Item = "c", Value = 3 });

        listBox1.DataSource = notes;
        listBox1.DisplayMember = "Item";
        listBox1.ValueMember = "Value";

-- Else if you mean to use the same class as you created, then you can do it like:

        List<NoteView> notes = new List<NoteView>();
        notes.Add(new NoteView
        {
            a = "text one",
            b = "whatevs",
            c = "yawns"
        });

        listBox1.Items.Add(notes[0].a);
        listBox1.Items.Add(notes[0].b);
        listBox1.Items.Add(notes[0].c);

answered Sep 17, 2012 at 16:59

Mitja Bonca

4,5665 gold badges26 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

jay_t55 Over a year ago

There is no DataSource available to use for ListBox in Metro apps.

jay_t55 Over a year ago

Second option shows "Value does not fall within expected range" exception.

Pushpendra · Accepted Answer · 2012-09-17 17:11:14Z

0

List<NoteView> notes = new List<NoteView>();

protected void Button1_Click(object sender, RoutedEventArgs e)
{
   notes.Add(new NoteView {
      a = "text one",
      b = "whatevs",
      c = "yawns"
   });
NotesList.DisplayMember = "a";
        NotesList.ValueMember = "b";
   NotesList.ItemsSource = notes;
}

answered Sep 17, 2012 at 17:11

Pushpendra

5383 silver badges10 bronze badges

4 Comments

jay_t55 Over a year ago

Sorry, I've already tried that way, too. But thank you for your help.

Pushpendra Over a year ago

Are you using WPF or Winforms. If WPF then it is different way to bind .

jay_t55 Over a year ago

Xaml in Metro style application; refer to question tags. You don't get XAML in WinForms.

Pushpendra Over a year ago

.net winform don't have xaml only wpf have the xaml

jay_t55 · Accepted Answer · 2012-09-17 17:23:24Z

0

I managed to figure out how to do it:

notes.Insert(0, new NoteView { a = "Untitled note", b = "", c = "" });

answered Sep 17, 2012 at 17:23

jay_t55

11.7k28 gold badges109 silver badges176 bronze badges

Collectives™ on Stack Overflow

Adding ListBoxItems in Code-behind

Update:

3 Answers 3

2 Comments

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Update:

3 Answers 3

2 Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related