SilverLight学习笔记--实际应用(一)(8):手把手建立一个Silverlight应用程序之应用自定义TextBox控件

   本步很简单，就是在年龄输入栏中引入我们自定义的TextBox控件，使得此栏在录入数字时只接受正整数，如果用户想键入其它字符则TextBox不接受。这样就减轻了数据校验的压力，多了一层防护。
   控件的创建我们在这里不再重复，请参见SilverLight学习笔记--利用DependencyProperty依赖属性创建自备录入过滤功能的TextBox控件 。
   我们需要做的就是在项目SLApplicationDataTest中引入我们创建的自定义控件，如图:
                         
修改我们的Page.xaml文件，在头部引入:

 xmlns:mytxtbxsrc="clr-namespace:SLFilterTextBox;assembly=SLFilterTextBox"

找到Age段，改为:

 <data:DataGridTemplateColumn Header="Age">
                    <data:DataGridTemplateColumn.CellTemplate >
                        <DataTemplate>
                                <Border Background="{Binding Validator.InvalidAge, Converter={StaticResource myBrushConvert}}"
                                        ToolTipService.ToolTip="{Binding Path=Validator, Converter={StaticResource myErrMsgConvert}, ConverterParameter=Age}">
                                    <TextBlock  Text="{Binding Age}"></TextBlock>
                                </Border>
                        </DataTemplate>
                    </data:DataGridTemplateColumn.CellTemplate>
                    <data:DataGridTemplateColumn.CellEditingTemplate>
                        <DataTemplate>
                                <mytxtbxsrc:MyFilterTextBox x:Name="myFilterTBAge" Text="{Binding Age , Mode=TwoWay, NotifyOnValidationError=True,  ValidatesOnExceptions=True}"
                                     Background="{Binding Validator.InvalidAge, Converter={StaticResource myBrushConvert}}"
                                                             Loaded="myFilterTBAge_Loaded">
                                </mytxtbxsrc:MyFilterTextBox>
                            </DataTemplate>
                    </data:DataGridTemplateColumn.CellEditingTemplate>
 </data:DataGridTemplateColumn>

  Page.xaml全部代码如下:

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:myscreen="clr-namespace:SLApplicationDataTest"
    xmlns:myconvert="clr-namespace:SLApplicationDataTest"
    xmlns:mytxtbxsrc="clr-namespace:SLFilterTextBox;assembly=SLFilterTextBox"
    Width="600" Height="300">

    <UserControl.Resources>
        <myconvert:InvalidToBrushConverter x:Key="myBrushConvert"/>   
        <myconvert:ErrMsgConverter x:Key="myErrMsgConvert"/>
    </UserControl.Resources>

        <Canvas x:Name="LayoutRoot" Width="600" Height="300" Background="Wheat">
        <StackPanel x:Name="stackPeopleCenter" Height="300"  Width="600" Background="White">
        <StackPanel Orientation="Horizontal">
            <Button x:Name="addButton" Content="Add" Margin="10"/>
            <Button x:Name="deleteButton" Content="Delete" Margin="10"/>
        </StackPanel>
        <data:DataGrid x:Name="dgPeople" AutoGenerateColumns="False"  BindingValidationError="dgPeople_BindingValidationError">
            <data:DataGrid.Columns>
                    <data:DataGridTemplateColumn Header="Name">
                        <data:DataGridTemplateColumn.CellTemplate >
                            <DataTemplate>
                               <Border Background="{Binding Validator.InvalidName, Converter={StaticResource myBrushConvert }}"
                                       ToolTipService.ToolTip="{Binding Validator, Converter={StaticResource myErrMsgConvert},,ConverterParameter=Name}">                                   
                                   <TextBlock  Text="{Binding Name}" ></TextBlock>
                                </Border>
                            </DataTemplate>
                        </data:DataGridTemplateColumn.CellTemplate>
                        <data:DataGridTemplateColumn.CellEditingTemplate>
                            <DataTemplate>
                                <TextBox Text="{Binding Name , Mode=TwoWay, NotifyOnValidationError=True,  ValidatesOnExceptions=True}"
                                         Background="{Binding Validator.InvalidName, Converter={StaticResource myBrushConvert}}"
                                         ToolTipService.ToolTip="{Binding Path=Validator, Converter={StaticResource myErrMsgConvert}, ConverterParameter=Name}"
                                         Tag="Name">                                    
                                </TextBox>
                            </DataTemplate>
                        </data:DataGridTemplateColumn.CellEditingTemplate>
                    </data:DataGridTemplateColumn>
               
                    <data:DataGridTemplateColumn Header="Sex">
                        <data:DataGridTemplateColumn.CellTemplate >
                            <DataTemplate>
                                <Border Background="{Binding Validator.InvalidSex, Converter={StaticResource myBrushConvert}}"
                                        ToolTipService.ToolTip="{Binding Path=Validator, Converter={StaticResource myErrMsgConvert}, ConverterParameter=Sex}">
                                    <TextBlock  Text="{Binding Sex}"></TextBlock>
                                </Border>
                            </DataTemplate>
                        </data:DataGridTemplateColumn.CellTemplate>
                        <data:DataGridTemplateColumn.CellEditingTemplate>
                            <DataTemplate>
                                <TextBox  Text="{Binding Sex , Mode=TwoWay, NotifyOnValidationError=True,  ValidatesOnExceptions=True}"  
                                         Background="{Binding Validator.InvalidSex, Converter={StaticResource myBrushConvert}}"
                                         ToolTipService.ToolTip="{Binding Path=Validator, Converter={StaticResource myErrMsgConvert}, ConverterParameter=Sex}"
                                         Tag="Sex">
                                </TextBox>
                            </DataTemplate>
                        </data:DataGridTemplateColumn.CellEditingTemplate>
                    </data:DataGridTemplateColumn>
                
                    <data:DataGridTemplateColumn Header="Age">
                    <data:DataGridTemplateColumn.CellTemplate >
                        <DataTemplate>
                                <Border Background="{Binding Validator.InvalidAge, Converter={StaticResource myBrushConvert}}"
                                        ToolTipService.ToolTip="{Binding Path=Validator, Converter={StaticResource myErrMsgConvert}, ConverterParameter=Age}">
                                    <TextBlock  Text="{Binding Age}"></TextBlock>
                                </Border>
                        </DataTemplate>
                    </data:DataGridTemplateColumn.CellTemplate>
                    <data:DataGridTemplateColumn.CellEditingTemplate>
                        <DataTemplate>
                                <mytxtbxsrc:MyFilterTextBox x:Name="myFilterTBAge" Text="{Binding Age , Mode=TwoWay, NotifyOnValidationError=True,  ValidatesOnExceptions=True}"
                                     Background="{Binding Validator.InvalidAge, Converter={StaticResource myBrushConvert}}"
                                                             Loaded="myFilterTBAge_Loaded">
                                </mytxtbxsrc:MyFilterTextBox>
                            </DataTemplate>
                    </data:DataGridTemplateColumn.CellEditingTemplate>
                </data:DataGridTemplateColumn>
                <data:DataGridTextColumn     Header="Address"  Binding="{Binding Address}"  />
            </data:DataGrid.Columns>
        </data:DataGrid>
    </StackPanel>
        <myscreen:PleaseWaitValidate x:Name="myWaitingSexValidateScreen" Visibility="Collapsed" Margin="8,2,2,2" Width="300" Height="150">
        </myscreen:PleaseWaitValidate>
   </Canvas>
</UserControl>

修改后台代码，Page.xaml.cs如下：
引入空间:

using SLFilterTextBox;

定义myFilterTBAge_Loaded事件处理程序:

        private void myFilterTBAge_Loaded(object sender, RoutedEventArgs e)
        {
            ((MyFilterTextBox)sender).MyFilter = SLFilterTextBox.TextBoxFilterType.PositiveInteger; //设定MyFilterTextBox控件的过滤属性
        }

 Page.xaml.cs全部代码如下:

生成项目后运行，然后在Age框内输入数字，可以看到它只接受正整数，录入其它的字符均无反应。
SilverLight学习笔记--实际应用(一) 源代码下载

前往：Silverlight学习笔记清单
本文程序在Silverlight2.0和VS2008环境中调试通过。本文参照了部分网络资料，希望能够抛砖引玉，大家共同学习。
(转载本文请注明出处)