Silverlight学习笔记三之自动完成框(AutoCompleteBox控件)
2010-07-11 21:10
387 查看
AutoCompleteBox是SliverLight中的自动提示框控件,其中有一个ItemsSource属性,用于绑定数据源
下面是一个例子
1.AccordionSample.xaml
<UserControl xmlns:input="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Input" x:Class="Silverlight.Common.View.AutoCompleteBoxSample"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
d:DesignHeight="300" d:DesignWidth="400" Loaded="UserControl_Loaded">
<Grid x:Name="LayoutRoot" Background="White">
<Grid.RowDefinitions>
<RowDefinition Height="auto"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="auto"/>
<ColumnDefinition Width="auto"/>
</Grid.ColumnDefinitions>
<TextBlock Text="自动提示(数据源):" HorizontalAlignment="Center" VerticalAlignment="Center"></TextBlock>
<input:AutoCompleteBox x:Name="AutoCompleteBox1" Grid.Column="1" Grid.Row="0" IsTextCompletionEnabled="True" Height="23" IsDropDownOpen="True" TabNavigation="Cycle"/>
<ContentPresenter x:Name="ContentPresenter1"/>
</Grid>
</UserControl>
2.AutoCompleteBoxSample.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
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;
namespace Silverlight.Common.View
{
public partial class AutoCompleteBoxSample : UserControl
{
public AutoCompleteBoxSample()
{
InitializeComponent();
}
private void UserControl_Loaded(object sender, RoutedEventArgs e)
{
this.AutoCompleteBox1.ItemsSource = DataSource.GetDataSource();
}
}
}
3.DataSource.cs
using System;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Ink;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using System.Collections;
using System.Collections.Generic;
namespace Silverlight.Common
{
public static class DataSource
{
public static IList<string> GetDataSource()
{
IList<string> list = new List<string>();
string[] data = new string[10] { "aaa", "bbb", "ccc", "ddd", "eee", "fff", "ggg", "hhh", "iii", "jjj" };
for (int i = 0; i < data.Length; i++)
{
list.Add(data[i]);
}
return list;
}
}
}
源码下载:http://files.cnblogs.com/salam/Silverlight.Common.rar
下面是一个例子
1.AccordionSample.xaml
<UserControl xmlns:input="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Input" x:Class="Silverlight.Common.View.AutoCompleteBoxSample"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
d:DesignHeight="300" d:DesignWidth="400" Loaded="UserControl_Loaded">
<Grid x:Name="LayoutRoot" Background="White">
<Grid.RowDefinitions>
<RowDefinition Height="auto"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="auto"/>
<ColumnDefinition Width="auto"/>
</Grid.ColumnDefinitions>
<TextBlock Text="自动提示(数据源):" HorizontalAlignment="Center" VerticalAlignment="Center"></TextBlock>
<input:AutoCompleteBox x:Name="AutoCompleteBox1" Grid.Column="1" Grid.Row="0" IsTextCompletionEnabled="True" Height="23" IsDropDownOpen="True" TabNavigation="Cycle"/>
<ContentPresenter x:Name="ContentPresenter1"/>
</Grid>
</UserControl>
2.AutoCompleteBoxSample.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
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;
namespace Silverlight.Common.View
{
public partial class AutoCompleteBoxSample : UserControl
{
public AutoCompleteBoxSample()
{
InitializeComponent();
}
private void UserControl_Loaded(object sender, RoutedEventArgs e)
{
this.AutoCompleteBox1.ItemsSource = DataSource.GetDataSource();
}
}
}
3.DataSource.cs
using System;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Ink;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using System.Collections;
using System.Collections.Generic;
namespace Silverlight.Common
{
public static class DataSource
{
public static IList<string> GetDataSource()
{
IList<string> list = new List<string>();
string[] data = new string[10] { "aaa", "bbb", "ccc", "ddd", "eee", "fff", "ggg", "hhh", "iii", "jjj" };
for (int i = 0; i < data.Length; i++)
{
list.Add(data[i]);
}
return list;
}
}
}
源码下载:http://files.cnblogs.com/salam/Silverlight.Common.rar
相关文章推荐
- Silverlight AutoCompleteBox(自动完成输入框控件)使用方法
- Silverlight AutoCompleteBox(自动完成输入框控件)使用方法
- Silverlight AutoCompleteBox(自动完成输入框控件)使用方法
- Android基础核心总结之二-----Spinner、AutoCompleteTextView(自动完成控件)
- silverlight AutoCompleteBox控件的SelectionChanged的里问题解决
- Android学习系列之控件 AutoCompleteTextView邮箱后缀自动补全
- Atlas学习手记(4):使用AutoComplete Extender实现自动完成功能
- AutoCompleteTextView自动完成输入内容的控件
- Android学习系列之控件 AutoCompleteTextView邮箱后缀自动补全
- AutoCompleteTextView,MultiAutoCompleteTextView自动完成输入内容的控件
- Atlas学习手记(4):使用AutoComplete Extender实现自动完成功能
- Android之UI学习篇五:AutoCompleteTextView自动完成输入内容
- Silverlight Telerik控件学习:RadComboBox之自动完成(AutoComplete)
- Atlas学习手记(4):使用AutoComplete Extender实现自动完成功能
- AutoCompleteTextView 和 MultiAutoCompleteTextView 自动完成文本控件
- Android 控件之八:AutoCompleteTextView自动完成文本框
- MultiAutoCompleteTextView和AutoCompleteTextView两个自动完成功能控件的使用
- 让Silverlight AutoCompleteBox控件支持多属性筛选
- MultiAutoCompleteTextView和AutoCompleteTextView两个自动完成功能控件的使用
- Android之UI学习篇五:AutoCompleteTextView自动完成输入内容