• 在Silverlight中为DataGrid控件定制标题行样式实现多行文本


    项目中经常会用到DataGrid这个控件,而且有时候会需要在这个控件的标题行中显示多行文本。例如下面这样

    image

    如何实现这样的功能呢?答案是,通过定制HeaderStyle。我经常感慨说,在WPF和Silverlight开发里面,DataBinding和Style,以及Template的机制实在是很厉害,很好用。大家看看下面的例子 吧

            <sdk:DataGrid>
                <sdk:DataGrid.ColumnHeaderStyle>
                    <Style
                        TargetType="sdk:DataGridColumnHeader">
                        <Setter
                            Property="ContentTemplate">
                            <Setter.Value>
                                <DataTemplate>
                                    <ContentControl
                                        Content="{Binding Converter={StaticResource hv}}"></ContentControl>
    
                                </DataTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </sdk:DataGrid.ColumnHeaderStyle>
                <sdk:DataGrid.Columns>
                    <sdk:DataGridTextColumn
                        Header="Item,项目"></sdk:DataGridTextColumn>
                    <sdk:DataGridTextColumn
                        Header="Department,部门"></sdk:DataGridTextColumn>
                    <sdk:DataGridTextColumn
                        Header="Company,公司"></sdk:DataGridTextColumn>
                </sdk:DataGrid.Columns>
            </sdk:DataGrid>

    注意,我们这里定义了一个特殊的Style,设置了ColumnHeader的ContentTemplate。由于用户一般在设置列的标题的时候,是输入一个字符串。我们规定,如果要分多行显示的话,用逗号分开即可。

    那么,如何将这个带有逗号的字符串转换为我们想要的标题呢?答案是,使用转换器。

    using System;
    using System.Windows.Controls;
    using System.Windows.Data;
    
    namespace TechnologySample
    {
        public class HeaderConverter:IValueConverter
        {
    
            #region IValueConverter Members
    
            public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
            {
                var text = value.ToString();
                var panel = new StackPanel();
                Array.ForEach(text.Split(','), s => panel.Children.Add(new TextBlock() { Text = s }));
                return panel;
            }
    
            public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
            {
                throw new NotImplementedException();
            }
    
            #endregion
        }
    }
    

    这个代码很好懂,根据传入的一个字符串,我们动态构造了一个StackPanel,并且插入了多个TextBlock

    要在界面中使用这个转换器,只需要将它定义为资源即可

        <UserControl.Resources>
            <ctrl:HeaderConverter
                x:Key="hv"></ctrl:HeaderConverter>
        </UserControl.Resources>

  • 相关阅读:
    docker安装
    win8换win7的操作方法
    java数组实现队列
    springMVC源码学习之获取参数名
    SpringMVC源码学习之request处理流程
    LeetCode 231. Power of Two
    LeetCode 202. Happy Number
    LeetCode 171. Excel Sheet Column Number
    Eclipse 保存代码时,不自动换行设置
    LeetCode 141. Linked List Cycle
  • 原文地址:https://www.cnblogs.com/chenxizhang/p/2155606.html
Copyright © 2020-2023  润新知