Creating a listbox in windows phone 7

[gopi09_m]

Hi

I want to create a listbox(drop down) with list items in it.When user wants to select the item from listbox he should be able to scroll down or scroll up within the listbox.

SO i have the following xaml for it..
<ListBox Height="100" HorizontalAlignment="Left" Margin="101,63,0,0" Name="listBox1" VerticalAlignment="Top" Width="349">
<ListBox.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Vertical">
<TextBlock Text=" {Binding dtDate}">

</TextBlock>
</StackPanel>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>

And i have the following C# code.

public MainPage()
{
InitializeComponent();
FillListBox();

}

private void FillListBox()
{

List<string> dtday = new List<string>();
Console.WriteLine("\nCapacity: {0}", dtday.Capacity);
dtday.Add("1");
dtday.Add("2");
dtday.Add("3");
dtday.Add("4");
dtday.Add("5");

listBox1.ItemsSource = dtday;
}

But when i ran the program it always shows the text as {Binding dtDate}" not the values (1,2,3,4) i have written in the C# code.

Any help would be greatly appreciated..

[josueyeray]

I dont know if this is a mistake when pasting code here, but in the <TextBlock Text=" {Binding dtDate}"> you have an space between " and {, if this is not a copy & paste mistake, please remove it for the binding to work correctly.

[stone_cheng]

From the c# code in FillListBox, the array dtday is assigned to the listbox's ItemsSource, so for each item in the listbox, it will use the array's item's property to make binding.
And in the xaml code, the binding is Text="{Binding dtDate}", but the dtDate is not a property which can be bound.
You can change the binding to Text="{Binding Path=Length}" to have a try. It will make the listbox show "1" for each item.
And to make the listbox show the value in the array, please just change the binding to Text="{Binding}" to have a try.

[gopi09_m]

Hi

Thanks for your reply.I have changed the xaml code to below.Though it displays the items now, it tries displays all of them within the list box area.So when i have 15 items, it shows only first 4 items.
I want this listbox to display the first item by default and when user clicks on that listbox, it should show me all the values with an option to scroll down or up to select a particular item.

<ListBox SelectionMode="Single" Height="100" HorizontalAlignment="Left" Margin="43,316,0,0" Name="listBox1" ItemsSource="{Binding}" VerticalAlignment="Top" Width="78">
<ListBox.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Vertical">
<TextBlock Text="{Binding}" >

</TextBlock>
</StackPanel>
</DataTemplate>
</ListBox.ItemTemplate>

</ListBox>

[stone_cheng]

If you need to dynamically display data on the UI, you need to dynamically update your data.
It's better you update your code by using MVVM model so as you will only need to update your data in ViewModel dynamically.

[josueyeray]

Hi!

What you need is not a listbox. A Listbox display all items and allows the user to pick one, what you need is a ListPicker, a control included with the Silverlight for Windows Phone Toolkit (silverlight.codeplex.com) it behaves like the background color picker in the phone settings, display only the selected item and when you click on it, open to show all available values.

[pooja_1650]

But when i ran the program it always shows the text as {Binding dtDate}" not the values (1,2,3,4)

It should not show you the strings (1,2,3,4) as you are using following code:

<TextBlock Text=" {Binding dtDate}">

I hope now what you have to recheck.
Also, agreed with post # 6.