稳扎稳打Silverlight(33)

返回“稳扎稳打Silverlight 3.0系列文章索引”

介绍

Silverlight 3.0 控件一览:

AutoCompleteBox - 自动完成控件。当用户输入部分信息后,此控件可以基于指定的过滤算法在一个下拉框中陈列出匹配项

DataPager - 分页控件 

在线DEMO

http://www.cnblogs.com/webabcd/archive/2009/08/04/1538238.html

示例

1、演示 AutoCompleteBox(一次绑定全部数据或按需加载相关数据)

AutoCompleteBox.xaml

<navigation:Page xmlns:input="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Input"  x:Class="Silverlight30.Control.AutoCompleteBox"
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"
xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"
d:DesignWidth="640" d:DesignHeight="480"
Title="AutoCompleteBox Page">
<Grid x:Name="LayoutRoot">

<Grid.Resources>
<!--用于在 AutoCompleteBox 中显示数据的模板-->
<DataTemplate x:Key="dataTemplate">
<StackPanel Orientation="Horizontal">
<TextBlock Text="名字: " />
<TextBlock Text="{Binding Name}" />
<TextBlock Text="薪水: " />
<TextBlock Text="{Binding Salary}" />
</StackPanel>
</DataTemplate>
</Grid.Resources>

<StackPanel Orientation="Horizontal" VerticalAlignment="Top">

<!--
MinimumPrefixLength - 如需显示自动完成的匹配项,所需输入的最少字符数
IsTextCompletionEnabled - 是否在 Text 中显示当前匹配项的全部内容
MaxDropDownHeight - 下拉框的最大长度
FilterMode - 根据用户的输入,对数据源做过滤的方式,默认值:StartsWith [System.Windows.Controls.AutoCompleteFilterMode 枚举]
本例演示如何实现自定义的过滤
DropDownOpening, DropDownOpened, DropDownClosing, DropDownClosed - 顾名思义的几个事件
-->
<input:AutoCompleteBox x:Name="autoCompleteBox" Width="100" Height="30" Margin="10"
MinimumPrefixLength="0" IsTextCompletionEnabled="True" MaxDropDownHeight="100"
FilterMode="Custom">
<!--
呈现数据的方式如下,也可以设置 AutoCompleteBox 的 ValueMemberBinding 属性
-->
<input:AutoCompleteBox.ItemTemplate>
<DataTemplate>
<StackPanel>
<TextBlock Text="{Binding}" />
</StackPanel>
</DataTemplate>
</input:AutoCompleteBox.ItemTemplate>
</input:AutoCompleteBox>

<!--
ValueMemberPath - 在此属性指定的成员中做过滤,过滤参数为用户的输入
ItemTemplate - 指定用于显示数据的模板
-->
<input:AutoCompleteBox x:Name="autoCompleteBoxTemplate" Width="100" Height="30" Margin="10"
ValueMemberPath="Salary"
ItemTemplate="{StaticResource dataTemplate}" />

<!--
Populating, Populated - 调用 按需加载数据服务 的一对事件
MinimumPopulateDelay - 调用 按需加载数据服务 的延迟时间。即在用户的输入发生改变时,此时间后调用指定的服务
-->
<input:AutoCompleteBox x:Name="autoCompleteBoxPopulate" Width="100" Height="30" Margin="10"
Populating="autoCompleteBoxPopulate_Populating"
MinimumPopulateDelay="500">
<input:AutoCompleteBox.ItemTemplate>
<DataTemplate>
<StackPanel>
<TextBlock Text="{Binding}" />
</StackPanel>
</DataTemplate>
</input:AutoCompleteBox.ItemTemplate>
</input:AutoCompleteBox>

</StackPanel>
</Grid>
</navigation:Page>

时间: 2024-11-27 22:47:30

稳扎稳打Silverlight(33)的相关文章

稳扎稳打Silverlight 3.0系列文章索引

相关文章:稳扎稳打Silverlight 2.0系列文章索引 在线DEMO http://www.cnblogs.com/webabcd/archive/2009/08/04/1538238.html 1.稳扎稳打Silverlight(33) - 3.0控件之AutoCompleteBox,DataPager 介绍 Silverlight 3.0 控件一览: AutoCompleteBox - 自动完成控件.当用户输入部分信息后,此控件可以基于指定的过滤算法在一个下拉框中陈列出匹配项 Data

稳扎稳打Silverlight(4)

稳扎稳打Silverlight(4) - 2.0控件之DataGrid,DatePicker,Grid,GridSplitter,HyperlinkButton,Image 在线DEMO http://www.cnblogs.com/webabcd/archive/2008/10/09/1307486.html 示例 1.DataGrid.xaml <UserControl xmlns:data="clr-namespace:System.Windows.Controls;assembly

稳扎稳打Silverlight(36)

返回"稳扎稳打Silverlight 3.0系列文章索引" 稳扎稳打Silverlight(36) - 3.0控件之TreeView,ListBox增强,DataGrid增强,MediaElement增强 介绍 Silverlight 3.0 控件一览: TreeView - 树控件 ListBox - 改进:支持多选 DataGrid - 改进:结合 PagedCollectionView 实现数据分组, 增加了一些编辑数据的相关事件, 结合 DataAnnotations 实现数据

稳扎稳打Silverlight(51)

稳扎稳打Silverlight(51) - 4.0绑定之数据验证IDataErrorInfo,INotifyDataErrorInfo 介绍 Silverlight 4.0 数据验证: * IDataErrorInfo - 对数据实体类提供自定义验证支持..NET Framework 也有此接口,可以方便移植 * INotifyDataErrorInfo - 对数据实体类提供自定义验证支持,比 IDataErrorInfo 功能更强大.INotifyDataErrorInfo 支持异步验证,这就

稳扎稳打Silverlight(47)

稳扎稳打Silverlight(47) - 4.0UI之操作剪切板,隐式样式,CompositeTransform,拖放外部文件到程序中 介绍 Silverlight 4.0 用户界面(UI)相关: * 操作剪切板 - 支持获取或设置剪切板中的文本信息 * 隐式样式(Implicit Style) - 将某种样式应用到某种类型的所有元素,即全局样式 * CompositeTransform - 将多种转换方式合而为一 * 拖动(Drag)外部文件,并将其放到(Drop) Silverlight

稳扎稳打Silverlight(46)

稳扎稳打Silverlight(46) - 4.0UI之FlowDirection,TextTrimming,响应鼠标滚轮事件,响应鼠标右键事件,全屏的新特性 介绍 Silverlight 4.0 用户界面(UI)相关: * FlowDirection - 指定文本或界面元素在它们的父元素中的流动方向 * TextTrimming - 文字溢出时的显示方式 * 响应鼠标的滚轮事件 * 响应鼠标的右键事件 * 全屏的新特性 - 当其他程序获得焦点时,是否退出全屏模式 在线DEMO http://w

稳扎稳打Silverlight(45)

稳扎稳打Silverlight(45) - 4.0浏览器外运行(Out Of Browser)之被信任的应用程序(Trusted Application) 介绍 Silverlight 4.0 OOB 之 被信任的应用程序: * 概述 * 访问本地文件系统 * 调用 COM 接口 * 自定义窗口样式和行为 在线DEMO http://www.cnblogs.com/webabcd/archive/2010/08/09/1795417.html 示例 1.关于"被信任的应用程序"的简要概

稳扎稳打Silverlight(44)

稳扎稳打Silverlight(44) - 4.0浏览器外运行(Out Of Browser)之OOB的增强及其新增的NotificationWindow 介绍 Silverlight 4.0 OOB 模式的新特性: * 新增了 Closing 事件 * 实现程序在 OOB 模式下的自动更新 * NotificationWindow - 在 OOB 模式下显示通知窗口,也就是 toast * 实现自定义的 NotificationWindow 在线DEMO http://www.cnblogs.

稳扎稳打Silverlight(41)

返回"稳扎稳打Silverlight 3.0系列文章索引" 稳扎稳打Silverlight(41) - 3.0Tip/Trick之GPU加速,Out-Of-Browser,应用程序库缓存,合并ResourceDictionary,应用程序扩展服务,Silverlight插件对象 介绍 Silverlight 3.0 提示和技巧系列 GPU 加速 - 对 GPU 加速的支持 Out-Of-Browser -浏览器外运行,即支持脱离浏览器运行 应用程序库缓存 - 将 dll(zip) 缓存