Question

i placed one button in a page .when click on that need to show 1 to 30 numbers in combobox as a popup in that page only.please tell me how to acheive this?

Edit:

Answer 1

I have edited the answer with design,add an image as a local content in the project

  <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
        <Button Content="Button" Height="82" HorizontalAlignment="Left" Margin="44,59,0,0" Name="button1" VerticalAlignment="Top" Width="376" Click="button1_Click" />
        <ListBox ItemsSource="{Binding item}" Width="376" Name="lst" Margin="56,128,48,76" Background="White">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <Border BorderThickness="1" DataContext="{Binding}"  BorderBrush="Black">
                        <StackPanel Width="376" Orientation="Vertical" Height="Auto">
                            <Image Margin="200,20,-75,5"  Height="50" Width="50" Source="{Binding img}"></Image>
                            <TextBlock Margin="-200,-15,90,3"  Height="50" Width="50" Name="text" Text="{Binding text}" Foreground="Black"></TextBlock>
                        </StackPanel>
                    </Border>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
    </Grid>
</Grid>

 lst.visibility = visibility.collapsed;

private void button1_Click(object sender, RoutedEventArgs e)
    {

        lst.visibility = visibility.visible;
        List<Itemss> data = new List<Itemss>();
        for (int i = 0; i < 30; i++)
        {
        Itemss item = new Itemss();


            item.text = i.ToString();



            item.img = "/images.jpg";

            data.Add(item);

        }

        lst.ItemsSource = data;
       }



    public class Itemss
    {
        public string text { get; set; }
        public string img { get; set; }
    }


}