当前位置：文江博客话题详情

DataGrid WPF 中的标题模板

发布于 2024-10-20 23:10:08 字数 87 浏览 2 评论 0原文

我需要在数据网格标题中为其中一列提供一种日期选择器。当用户从此标题日期选择器中选择日期时，系统应将此日期绑定到具有该日期的所有列单元格。
有办法做到吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

眼趣 2024-10-27 23:10:08

最好的方法是将标题的 dataTemplate 设置为包含 DatePicker 的自定义模板，该模板的 Date 绑定到 DataGrid 的 DataContext 的属性之一，然后将此特定列中的单元格绑定到同一属性。

像这样的东西：

    <DataGrid>
        <DataGridTextColumn Binding="{Binding DataContext.myDate, RelativeSource={RelativeSource AncestorType=DataGrid}, Mode=OneWay}" >
            <DataGridTextColumn.HeaderStyle>
                <Style TargetType="{x:Type DataGridColumnHeader}">
                    <Style.Setters>
                        <Setter Property="ContentTemplate">
                            <Setter.Value>
                                <DataTemplate>
                                    <DatePicker SelectedDate={Binding myDate, Mode=TwoWay} />
                                </DataTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style.Setters>
                </Style>
            </DataGridTextColumn.HeaderStyle>
        </DataGridTextColumn>
    </DataGrid>

免责声明：我没有尝试过这个，并且不确定 {Binding DataContext.myDate,relativeSource={RelativeSource AncestorType=DataGrid} 的事情。您可能需要进行一些调整，但总的来说，这应该让您开始了解如何继续

the best way is to set the header's dataTemplate to a custom template containing a DatePicker whose Date is bound to one of the DataGrid's DataContext's properties, then bind the cells in this specific column to the same property.

something like this:

    <DataGrid>
        <DataGridTextColumn Binding="{Binding DataContext.myDate, RelativeSource={RelativeSource AncestorType=DataGrid}, Mode=OneWay}" >
            <DataGridTextColumn.HeaderStyle>
                <Style TargetType="{x:Type DataGridColumnHeader}">
                    <Style.Setters>
                        <Setter Property="ContentTemplate">
                            <Setter.Value>
                                <DataTemplate>
                                    <DatePicker SelectedDate={Binding myDate, Mode=TwoWay} />
                                </DataTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style.Setters>
                </Style>
            </DataGridTextColumn.HeaderStyle>
        </DataGridTextColumn>
    </DataGrid>

Disclaimer: I did not try this and am not sure about the {Binding DataContext.myDate, RelativeSource={RelativeSource AncestorType=DataGrid} thing. You would probably have do to some adjustments, but overall, this should give you a start on how to proceed

回复收藏 0 原文

栀梦 2024-10-27 23:10:08

您可以修改 DataGrid 的列标题以包含 DateTimePicker，然后向 DateTimePicker 添加更改事件，该事件会在数据更改时更新该列中的所有数据。

<DataGridTextColumn Binding="{Binding Path=MyDate}">
    <DataGridTextColumn.Header>
        <!-- Add Header Here w/ DateTimePicker -->
    </DataGridTextColumn.Header>
</DataGridTextColumn>

You can modify the column's header for the DataGrid to include a DateTimePicker, then add a change event to the DateTimePicker which updates all the data in that column when the data changes.

<DataGridTextColumn Binding="{Binding Path=MyDate}">
    <DataGridTextColumn.Header>
        <!-- Add Header Here w/ DateTimePicker -->
    </DataGridTextColumn.Header>
</DataGridTextColumn>

回复收藏 0 原文

~没有更多了~