彩票走势图

WPF Elements数据网格使用笔记(三)

原创|其它|编辑:郝浩|2013-01-05 09:52:19.000|阅读 452 次

概述:在WPF Elements数据网格使用笔记(二)中已经构建了一个简单示例,今天将添加一个自定义模版到该示例中,以便在余额列中以货币的形式显示数据,可以通过设置DataGridColumn的DisplayTemplate属来实现。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

    Mindscape WPF Elements中有很多强大的功能特性,比如说单元格模版的应用,自定义编辑器,以及数据验证等,这些功能都非常的易于使用。在几分钟的时间内,你就可以构建运行一个数据网格,还可以按照用户指定的风格方式呈现数据,还会在编辑的模式下提供提示,或是使用想要的验证码检查数据是否是正确。

    在前面的文中,我们已经构建好了一个简单的示例,在今天的文中将会添加一个自定义模版到前面的示例中去,以便在余额列中以货币的形式显示数据,这个就可以通过设置DataGridColumn的DisplayTemplate属来实现。Mindscape WPF Elements中有很多强大的控件用于数据的显示和编辑,这个CurrencyTextBox就可以很好的实现刚才的想法,它可以极好的自动格式化信息属性的值到当前区域的货币信息,能够精确到小数点和美分(在有的情况下),CurrencyTextBox会将其作为一种资源进行添加:

<!-- style information to make it look how we want -->
<Style x:Key="NegativeBalanceStyle" TargetType="TextBox">
  <Setter Property="Background" Value="Transparent" />
  <Setter Property="Foreground" Value="DarkRed" />
  <Setter Property="BorderThickness" Value="0" />
</Style>
 
<!-- add the currency text box to our data template -->
<DataTemplate x:Key="BalanceCellTemplate">
  <ms:CurrencyTextBox Value="{Binding Balance}" NegativeStyle="{StaticResource NegativeBalanceStyle}"
                      Background="Transparent" Foreground="White" />
</DataTemplate>

并将其分配到的属性:

<ms:DataGridColumn PropertyName="Balance" Width="140"
  DisplayTemplate="{StaticResource BalanceCellTemplate}"/>

将会格式化余额列:

WPF Elements数据网格使用笔记(三)

对于电话号码列将会有一个文本输入框来帮助用户输入数字,可以用下面的方式来应用我们的特别的文本框到你的电话号码列:

<DataTemplate x:Key="PhoneEditor">
  <ms:MaskedTextBox Mask="00-000-0000" AutoSkipLiterals="True" Text="{Binding Phone}"
                    LiteralStyle="{StaticResource Literal}" PromptStyle="{StaticResource Prompt}" Background="Transparent"
                    PromptCharDisplaySelector="{StaticResource PromptCharDisplaySelector}" />
</DataTemplate>
<Style x:Key="Literal" TargetType="Inline">
  <Setter Property="FontWeight" Value="Bold" />
  <Setter Property="Foreground" Value="DarkGoldenrod" />
</Style>
<Style x:Key="Prompt" TargetType="Run">
  <Setter Property="Foreground" Value="LightGray" />
  <Setter Property="FontFamily" Value="Wingdings" />
</Style>      
<local:FancyPromptCharDisplaySelector x:Key="PromptCharDisplaySelector" />

这时再设置属性:

<ms:DataGridColumn PropertyName="Phone" Width="120" EditorTemplate="{StaticResource PhoneEditor}" />

下面来看一下验证的问题,将会提供一个ValidateCell事件,当数据发生更改时,就会出现,具体实现方式如下所示:

object value = e.Cell.Value;
switch (e.Cell.Column.PropertyName)
{
  case "Phone":
    string number = value as string;
    if (number.Length != 11)
    {
      e.IsValid = false;
      e.ValidationMessage = "Number must contain 9 numerals";
    }
    break;
  case "Address":
    string address = value as string;
    if (address.Length == 0)
    {
      e.IsValid = false;
      e.ValidationMessage = "Address cannot be null";
    }
    break;
}

上面的代码将会出先下面的效果:

WPF Elements数据网格使用笔记(三)

当在电话号码列中进行数据的编辑时,系统就会进行提示,如果是收到的无效的信息单元格就会显示一个红色的边框。


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:慧都控件

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP