(Visual Studio 2010)在web示例中,我覆盖了DatagridTextColumn
的ControlTemplate
,以包含绑定到ViewModel的附加图像。
<DataGridTextColumn.CellStyle>
<Style TargetType="DataGridCell">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="DataGridCell">
<Grid Name="Root" Background="{TemplateBinding Background}">
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CurrentStates">
<VisualState x:Name="Regular" />
<VisualState x:Name="Current">
<Storyboard>
<DoubleAnimation Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Opacity" To="1" Duration="0" />
</Storyboard>
</VisualState>
</VisualStateGroup>
<VisualStateGroup x:Name="ValidationStates">
<VisualState x:Name="Valid"/>
<VisualState x:Name="Invalid">
<Storyboard>
<DoubleAnimation Storyboard.TargetName="InvalidVisualElement" Storyboard.TargetProperty="Opacity" Duration="0" To="1"/>
<ColorAnimation Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="(Fill).Color" Duration="0" To="#FFFFFFFF"/>
</Storyboard>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<Rectangle Name="FocusVisual" Stroke="#FF6DBDD1" StrokeThickness="1" Fill="#66FFFFFF" HorizontalAlignment="Stretch"
VerticalAlignment="Stretch" IsHitTestVisible="false" Opacity="0" />
<ContentPresenter ContentSource="Content" />
<Image Source="{Binding someProperty}" Grid.Column="1"/>
<Rectangle x:Name="InvalidVisualElement" IsHitTestVisible="False" StrokeThickness="1" Stroke="#FFDC000C" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Opacity="0"/>
<Rectangle Name="RightGridLine" Grid.Column="1" VerticalAlignment="Stretch" Width="1" />
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</DataGridTextColumn.CellStyle>
兴趣线在底部附近:<Image Source="{Binding someProperty}" Grid.Column="1"/>
。我希望能够在应用程序中的多个位置重用此ControlTemplate
。唯一的区别将是Column
本身和该添加的Image
的绑定路径。理想情况下,我可以声明一个TextColumn
,并声明这种风格,并用最少的附加代码引导绑定:
<DataGridTextColumn Binding="{Binding typicalProperty}"
CellStyle="myStyle"
[this part can't do -->] ImageSourceBinding="{Binding anyPropertyInViewModel}" >
我遇到过多篇用户的帖子,询问如何使用不同的绑定路径为DataGrid
的列创建可重用的ControlTemplate
、TemplateColumn
或Style
,但到目前为止,似乎还没有人给出如何做到这一点的答案。一个常见的建议是尝试AttachedProperty
,但绑定不正确。
肯定有比为每一列复制/粘贴所有上述代码,然后更改绑定路径更好的方法吗?在我看来,这将是完全荒谬的,完全违背了我对编码冗余概念的理解。。。如果你的列数是几十个,甚至几百个呢?就目前情况来看,这是对DataGrid
的可定制性的严重限制。。。我一定错过了什么。
如果我理解正确,您需要添加数据类属性,例如-AnotherTextValue
。例如,我们有一个类MyObject
:
public class MyObject
{
public string BaseValue
{
get;
set;
}
// value for TextBlock in DataGridCell
public string AnotherTextValue
{
get;
set;
}
}
此类ObservableCollection
:
public ObservableCollection<MyObject> Objects
{
get;
set;
}
DataGridCell
的样式适合放置窗口的资源(Window.Resources)或App.xaml
:
<Window.Resources>
<Style x:Key="MyCellStyle" TargetType="{x:Type DataGridCell}">
...
</Style>
</Window.Resources>
DataGridCell
样式中的TextBlock
将如下所示:
...
<ContentPresenter ContentSource="Content" />
<TextBlock Text="{Binding AnotherTextValue}" Grid.Column="1" />
定义DataGridTextColumn
:
<DataGridTextColumn CellStyle="{StaticResource MyCellStyle}" Binding="{Binding BaseValue}" Header="My Super Header" />