Silverlight AutoCompleteBox(自动完成输入框控件)使用方法
2008-12-24 11:54:13 来源:WEB开发网本文示例源代码或素材下载
在微软的Silverlight 开源控件项目“Silverlight Toolkit”中,提供了一个自动完成输入框控件:AutoCompleteBox。
该控件的功能就是完成类似于google,或baidu中的搜索输入框的提示(选项)等功能,如下图所示:
下面是AutoCompleteBox的运行效果图:
好的,下面就简要介绍一下这个控件的使用方法:
首先,我们要新创建一个Silverlight的Application项目,然后要准备一个数据源,也就是当我们输入内容时,弹出的下拉列
表框(这里就暂且这么说吧)中显示的相似的提示信息,这里为了方便起见,我直接用其源码示例中的硬编码类来表示数据源,当
然后面还会介绍如何使用WCF来加载数据源信息,这里先创建一个Employee(雇员信息)类,如下:
public sealed partial class Employee
{
public string FirstName { get; set; }
public string LastName { get; set; }
public string DisplayName
{
get
{
return FirstName + " " + LastName;
}
}
public Employee()
{
}
internal Employee(string firstName, string lastName)
{
FirstName = firstName;
LastName = lastName;
}
public override string ToString()
{
return DisplayName;
}
Sample data#region Sample data
public static IEnumerable<Employee> AllExecutives
{
get
{
yield return new Employee("Walid", "Abu-Hadba");
yield return new Employee("J", "Allard");
yield return new Employee("Klaus", "Holse Andersen");
yield return new Employee("Nancy", "Anderson");
yield return new Employee("Brian", "Arbogast");
yield return new Employee("Orlando", "Ayala");
yield return new Employee("Robert J.", "Bach");
yield return new Employee("Martha", "Béjar");
yield return new Employee("Joe", "Belfiore");
yield return new Employee("Sue", "Bevington");
yield return new Employee("Frank H.", "Brod");
yield return new Employee("Brad", "Brooks");
yield return new Employee("Lisa", "Brummel");
yield return new Employee("Tom", "Burt");
yield return new Employee("Chris", "Capossela");
yield return new Employee("Scott", "Charney");
yield return new Employee("Debra", "Chrapaty");
yield return new Employee("Jean-Philippe", "Courtois");
yield return new Employee("Alain", "Crozier");
yield return new Employee("Kurt", "DelBene");
yield return new Employee("Michael", "Delman");
yield return new Employee("Joe", "DeVaan");
yield return new Employee("Gerri", "Elliott");
yield return new Employee("Stephen", "Elop");
yield return new Employee("Ben", "Fathi");
yield return new Employee("Grant", "George");
yield return new Employee("Tom", "Gibbons");
yield return new Employee("L. Michael", "Golden");
yield return new Employee("Alexander", "Gounares");
yield return new Employee("Steve", "Guggenheimer");
yield return new Employee("Anoop", "Gupta");
yield return new Employee("Tony", "Hey");
yield return new Employee("Yasuyuki", "Higuchi");
yield return new Employee("Roz", "Ho");
yield return new Employee("Kathleen", "Hogan");
yield return new Employee("Frank", "Holland");
yield return new Employee("Todd", "Holmdahl");
yield return new Employee("Darren", "Huston");
yield return new Employee("Rajesh", "Jha");
yield return new Employee("Chris", "Jones");
yield return new Employee("Erik", "Jorgensen");
yield return new Employee("Rich", "Kaplan");
yield return new Employee("Bob", "Kelly");
yield return new Employee("Jawad", "Khaki");
yield return new Employee("Shane", "Kim");
yield return new Employee("Peter", "Klein");
yield return new Employee("Mitchell L.", "Koch");
yield return new Employee("Ted", "Kummert");
yield return new Employee("Julie", "Larson-Green");
yield return new Employee("Antoine", "Leblond");
yield return new Employee("Andrew", "Lees");
yield return new Employee("John M.", "Lervik");
yield return new Employee("Lewis", "Levin");
yield return new Employee("Dan'l", "Lewin");
yield return new Employee("Moshe", "Lichtman");
yield return new Employee("Christopher", "Liddell");
yield return new Employee("Steve", "Liffick");
yield return new Employee("Brian", "MacDonald");
yield return new Employee("Ron", "Markezich");
yield return new Employee("Maria", "Martinez");
yield return new Employee("Mich", "Mathews");
yield return new Employee("Don A.", "Mattrick");
yield return new Employee("Joe", "Matz");
yield return new Employee("Brian", "McAndrews");
yield return new Employee("Richard", "McAniff");
yield return new Employee("Yusuf", "Mehdi");
yield return new Employee("Jim", "Minervino");
yield return new Employee("William H.", "Mitchell");
yield return new Employee("Jens Winther", "Moberg");
yield return new Employee("Mindy", "Mount");
yield return new Employee("Bob", "Muglia");
yield return new Employee("Craig", "Mundie");
yield return new Employee("Terry", "Myerson");
yield return new Employee("Satya", "Nadella");
yield return new Employee("Mike", "Nash");
yield return new Employee("Peter", "Neupert");
yield return new Employee("Ray", "Ozzie");
yield return new Employee("Gurdeep", "Singh Pall");
yield return new Employee("Michael", "Park");
yield return new Employee("Umberto", "Paolucci");
yield return new Employee("Sanjay", "Parthasarathy");
yield return new Employee("Pamela", "Passman");
yield return new Employee("Alain", "Peracca");
yield return new Employee("Todd", "Peters");
yield return new Employee("Joe", "Peterson");
yield return new Employee("Marshall C.", "Phelps, Jr.");
yield return new Employee("Scott", "Pitasky");
yield return new Employee("Will", "Poole");
yield return new Employee("Rick", "Rashid");
yield return new Employee("Tami", "Reller");
yield return new Employee("J.", "Ritchie");
yield return new Employee("Enrique", "Rodriguez");
yield return new Employee("Eduardo", "Rosini");
yield return new Employee("Jon", "Roskill");
yield return new Employee("Eric", "Rudder");
yield return new Employee("John", "Schappert");
yield return new Employee("Tony", "Scott");
yield return new Employee("Jeanne", "Sheldon");
yield return new Employee("Harry", "Shum");
yield return new Employee("Steven", "Sinofsky");
yield return new Employee("Brad", "Smith");
yield return new Employee("Mary E.", "Snapp");
yield return new Employee("Amitabh", "Srivastava");
yield return new Employee("Kirill", "Tatarinov");
yield return new Employee("Jeff", "Teper");
yield return new Employee("David", "Thompson");
yield return new Employee("Rick", "Thompson");
yield return new Employee("Brian", "Tobey");
yield return new Employee("David", "Treadwell");
yield return new Employee("B. Kevin", "Turner");
yield return new Employee("David", "Vaskevitch");
yield return new Employee("Bill", "Veghte");
yield return new Employee("Henry P.", "Vigil");
yield return new Employee("Robert", "Wahbe");
yield return new Employee("Todd", "Warren");
yield return new Employee("Allison", "Watson");
yield return new Employee("Blair", "Westlake");
yield return new Employee("Simon", "Witts");
yield return new Employee("Robert", "Youngjohns");
yield return new Employee("Ya-Qin", "Zhang");
yield return new Employee("George", "Zinn");
}
}
#endregion
}
public class SampleEmployeeCollection : ObjectCollection
{
public SampleEmployeeCollection() : base(Employee.AllExecutives)
{}
}
Tags:Silverlight AutoCompleteBox 自动
编辑录入:爽爽 [复制链接] [打 印]- ››silverlight全屏显示图片
- ››自动进入飞行模式
- ››自动识别文字编码并且转换为目标编码!
- ››Silverlight MVVM 模式(一) 切近实战
- ››Silverlight for Windows Phone 7开发系列(1):...
- ››Silverlight for Windows Phone 7开发系列(2):...
- ››Silverlight for Windows Phone 7开发系列(3):...
- ››Silverlight for Windows Phone 7开发系列(4):...
- ››Silverlight for Symbian
- ››自动输出SQL Server存储过程依赖列表到EXCEL文件
- ››自动分层的实现与元数据密不可分
- ››Silverlight3系列(四)数据绑定 Data Binding 1
更多精彩
赞助商链接