WPF DataGrid 单元格字符串格式作为样式或模板

Question

我尝试了几种方法来分解 WPF DataGrid(.NET 4 提供的一种)中单元格的格式:

数据转换器，

样式中的“StringFormat”绑定(bind)属性，

数据模板中的“StringFormat”绑定(bind)属性。

我将描述我的尝试，因为它可能对其他人有所帮助，我希望有人能给我建议以改进这些解决方案。请注意，我对 WPF 相当陌生...

预期的行为是单元格字符串被格式化为特定的格式，如“1,234,567”以进行显示，但在编辑单元格时应格式化为“1234567”(其默认格式)。当我尝试使用数据转换器时，我没有找到在编辑时使用默认格式的方法，因此我将精力集中在样式和模板上。

使用样式，DataGridTextColumn 的定义如下所示:

<DataGridTextColumn Header="Price (Style)" SortMemberPath="BILL_PRICE">
    <DataGridTextColumn.ElementStyle>
        <Style TargetType="{x:Type TextBlock}">
            <Setter Property="Text" Value="{Binding Path=BILL_PRICE, StringFormat={}{0:N0}}"/>
        </Style>
    </DataGridTextColumn.ElementStyle>
    <DataGridTextColumn.EditingElementStyle>
        <Style TargetType="{x:Type TextBox}">
            <Setter Property="Text" Value="{Binding Path=BILL_PRICE}"/>
            <Setter Property="Padding" Value="0"/>
            <Setter Property="BorderThickness" Value="0"/>
        </Style>
    </DataGridTextColumn.EditingElementStyle>
</DataGridTextColumn>

该行为正是预期的。但是，由于绑定(bind)的原因，我无法将这种样式分解并多次使用。为了解决分解问题，我使用了 DataGridTemplateColumn 和数据模板。这是我的 DataGridTemplateColumn 定义:

<DataGridTemplateColumn Header="Price (Template)" SortMemberPath="BILL_PRICE">
    <DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <ContentControl Content="{Binding BILL_PRICE}" Template="{StaticResource CurrencyCellControlTemplate}"/>
        </DataTemplate>
    </DataGridTemplateColumn.CellTemplate>
    <DataGridTemplateColumn.CellEditingTemplate>
        <DataTemplate>
            <ContentControl Content="{Binding BILL_PRICE, Mode=TwoWay}" Template="{StaticResource CurrencyCellEditingControlTemplate}"/>
        </DataTemplate>
    </DataGridTemplateColumn.CellEditingTemplate>
</DataGridTemplateColumn>

和 ControlTemplate 定义:

<ControlTemplate x:Key="CurrencyCellControlTemplate" TargetType="ContentControl">
    <TextBlock Margin="2,0,2,0" Padding="0" TextAlignment="Right">
        <TextBlock.Text>
            <Binding RelativeSource="{RelativeSource TemplatedParent}" Path="Content" StringFormat="{}{0:N0}"/>
        </TextBlock.Text>
    </TextBlock>
</ControlTemplate>

<ControlTemplate x:Key="CurrencyCellEditingControlTemplate" TargetType="ContentControl">
    <TextBox Padding="0" BorderThickness="0" TextAlignment="Right">
        <TextBox.Text>
            <Binding RelativeSource="{RelativeSource TemplatedParent}" Path="Content"/>
        </TextBox.Text>
    </TextBox>
</ControlTemplate>

使用数据模板解决了分解 DataGrid 单元格格式的初始问题，但使用控制模板会带来人体工程学和视觉问题。例如，由控件模板引起的双标签导航(在许多其他地方讨论过)，以及编辑文本框的外观(我尝试通过边框粗细、填充和其他属性设置来修复。)

与此问题相关的具体问题是:

可以使用数据转换器来格式化字符串以进行显示并使用默认格式进行编辑吗？

是否可以在仍然能够指定绑定(bind)源的同时排除 DataGridTextColumn 样式？

有没有一种方法可以使用 DataGridTemplateColumn 而只是让它看起来和感觉像 DataGridTextColumn？

Answer 1

制作您自己的自定义 DataGridTextColumn 并创建绑定(bind)以分配给 Element 和 EditingElement(其中一个带有转换器，其中一个没有)。

转换器将字符串格式化为带有逗号的小数。

 public class MyDataGridTextColumn : DataGridTextColumn
{
    Binding formattedBinding;
    Binding unformattedBinding;
    FormatConverter formatConverter = new FormatConverter();

    protected override FrameworkElement
    GenerateElement(DataGridCell cell, object dataItem)
    {
       var element = base.GenerateElement(cell, dataItem) as TextBlock;
       element.SetBinding(TextBlock.TextProperty, GetFormattedTextBinding());
        return element;
    }

    protected override FrameworkElement
    GenerateEditingElement (DataGridCell cell, object dataItem)
    {
        var element = base.GenerateEditingElement(cell, dataItem) as TextBox;
        element.SetBinding(TextBox.TextProperty, GetTextBinding());
        return element;
    }

    Binding
    GetTextBinding()
    {

            var binding = (Binding)Binding;
            if (binding == null) return new Binding();
            unformattedBinding = new Binding
            {
                Path = binding.Path,
                Mode=BindingMode.TwoWay
            };

        return unformattedBinding;
    }

    Binding
    GetFormattedTextBinding()
    {
         var binding = (Binding)Binding;
            if (binding == null) return new Binding();
            formattedBinding = new Binding
            {
                Path = binding.Path,
                Converter = Formatter,
            };

        return formattedBinding;
    }

    public FormatConverter
    Formatter
    {
        get { return formatConverter; }
        set { formatConverter = value; }
    }
}
public class FormatConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        string textvalue = value as string;
        if (!string.IsNullOrEmpty(textvalue))
        {
            decimal decimalvalue = decimal.Parse(textvalue);
            var test = String.Format("{0:0,0.00}", decimalvalue);
            return test;
        }
        else
            return "";

    }
    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        throw new InvalidOperationException("FormatConverter can only be used OneWay.");
    }
}

我不明白你发布的格式化字符串是如何工作的，所以我做了一个简单的，如果你想要更多的小数位，只需在转换器中对其进行排序。

您现在需要做的就是在您的 xaml 中放置对命名空间的引用，然后在数据网格中创建一个列。

那么一切都应该很好

u_u