[Silverlight] Silverlight 5 ComboBox 新的搜尋選項方式

2011-08-08

8611
0

最近無意間發現了Silverlight 5對ComboBox控制項新增加的一個小功能，有些時候如果ComboBox下拉選單的選項有很多時，可能會讓使用者在找尋選項時非常的困難，特別是如果下拉選單的選項沒有按照特定規則排列，使用者在找尋選項時就容易有種大海撈針的感覺，因此在Silverlight 5中新增了ComboBox的一種搜尋方式(type ahead with text searching)，當目前的焦點是在ComboBox時候，可以按下欲選取選項的第一個字母，ComboBox就會自動選到字母開頭符合的第一個選項，再繼續按下同樣的字母按鍵則會選到下一個符合的選項，當然也可以直接輸入完整的單字ComboBox就會找到此選項。

例如以下面這個例子來說，ComboBox有10個選項，而當這個ComboBox取得焦點後按下"A"鍵時，就會自動先選到第一個A字母開頭的apple，再繼續按下"A"鍵則會選到下一個A開頭的apple pie，依此類推，而如果直接輸入apple juice就會直接選到這個選項了，此外除了ComboBox之外在Silverlight 5中的Listbox控制項也同樣有多了這樣的搜尋功能，因此在有了這個搜尋方式後就可以讓使用者在找尋選項時可以更加的方便不至於完全憑著眼力很辛苦的去找了。

using System.Collections.Generic;
using System.Windows.Controls;
namespace SL5ComboBox
{
    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();
            List<string> contents = new List<string> 
            { 
                "apple", "apple pie", "apple juice", 
                "banana", "orange", "blueberry ", 
                "grape", "lemon","mango","watermelon"
            };
            comboBox1.ItemsSource = contents;
        }
    }
}

Silverlight

回首頁