Silverlight ComboBox/Dropdown List Control
With the Silverlight ComboBox you can implement single item selection that is both simple to setup but powerful to use and expand.
- Our Popup Dialog Demo uses the ComboBox for template selection.
- The Rich TextBox Demo demonstrates use of the ComboBox for changing font styles and sizes.
- This blog shows how to create an editable ComboBox.
You need to login to Download the DropDownList example, If you do not have a login you can register for free!
How to Use the Dropdown List Control
To use it on your Silverlight page:
<UserControl x:Class="DropDownList.Page"
xmlns="http://schemas.microsoft.com/client/2007"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="400" Height="300">
<Canvas>
<ComboBox x:Name="testDropDown" Width="200" Height="30" Canvas.Top="10" Canvas.Left="10" SelectionChanged="DropDown_ItemSelected">
<ComboBoxItem Content="Australia" />
<ComboBoxItem Content="Canada" />
<ComboBoxItem Content="China" />
<ComboBoxItem Content="France" />
<ComboBoxItem Content="Germany" />
<ComboBoxItem Content="India" />
<ComboBoxItem Content="Italy" />
<ComboBoxItem Content="Japan" />
<ComboBoxItem Content="Pakistan" />
<ComboBoxItem Content="Portugal" />
<ComboBoxItem Content="Republic of Ireland" />
<ComboBoxItem Content="Russia" />
<ComboBoxItem Content="Saudi Arabia" />
<ComboBoxItem Content="Spain" />
<ComboBoxItem Content="Sweden" />
<ComboBoxItem Content="United Kingdom" />
<ComboBoxItem Content="USA" />
</ComboBox>
</Canvas>
</UserControl>
In your Silverlight C# code behind file you can refer to your dropdown list using countryDropDown. The DropDown has a SelectedItem property which allow you to read the currently selected item.
using System;
using System.Collections.Generic;
using System.Linq;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using Liquid;
namespace DropDownList
{
public partial class Page : UserControl
{
private Brush _selectedBrush = new SolidColorBrush(Color.FromArgb(255, 255, 0, 0));
private Brush _normalBrush = new SolidColorBrush(Color.FromArgb(255, 0, 0, 0));
public Page()
{
InitializeComponent();
testDropDown.SelectedIndex = 2;
}
private void DropDown_ItemSelected(object sender, EventArgs e)
{
// Process selected index change here
}
}
}
Your Comments and Questions Answered
You are not logged in. You need to login to post new messages, if you do not have a login you can register for free!