在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>

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页