Silverlight DataGrid 数据绑定鼠标移入到内容项时显示类似ToolTip提示文本

最新推荐文章于 2019-08-13 12:31:26 发布

原创最新推荐文章于 2019-08-13 12:31:26 发布 · 2.7k 阅读

0 ·

CC 4.0 BY-SA版权

Sliverlight 同时被 2 个专栏收录

62 篇文章

订阅专栏

Silverlight应用开发

52 篇文章

订阅专栏

本文详细介绍了如何利用ToolTipService优化DataGrid的交互体验，通过自定义ToolTip显示额外信息，提升用户操作的便利性和理解性。具体实现包括自定义列头样式和条件触发的ToolTip展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果图如下：

主要是调用ToolTipService.ToolTip属性

主要代码如下：

<sdk:DataGrid Margin="4,36,8,7" DataContext="{Binding}" IsReadOnly="True" AutoGenerateColumns="False" x:Name="dg" SelectionChanged="dg_SelectionChanged" FontSize="14.667" FontFamily="Microsoft YaHei" LoadingRow="dg_LoadingRow" VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Hidden" d:LayoutOverrides="HorizontalMargin">
<sdk:DataGrid.Columns>

                                            <sdk:DataGridTemplateColumn Header="序号" Width="50" HeaderStyle="{StaticResource aHeaderStyle}">
                                                <sdk:DataGridTemplateColumn.CellTemplate>
                                                    <DataTemplate>
                                                        <TextBlock TextAlignment="Center" VerticalAlignment="Center">
                                                             <ToolTipService.ToolTip>
                                                                    <StackPanel Orientation="Horizontal">
                                                                        <TextBlock Text="{Binding Name}" Foreground="Red" VerticalAlignment="Center"></TextBlock>
                                                                    </StackPanel>
                                                              </ToolTipService.ToolTip>
                                                        </TextBlock>
                                                    </DataTemplate>
                                                </sdk:DataGridTemplateColumn.CellTemplate>
                                            </sdk:DataGridTemplateColumn>

                                            <sdk:DataGridTemplateColumn Header="工程名称" Width="200" HeaderStyle="{StaticResource aHeaderStyle}">
                                                <sdk:DataGridTemplateColumn.CellTemplate>
                                                    <DataTemplate>
                                                        <TextBlock FontSize="14.667" Text="{Binding Name}"   HorizontalAlignment="Left" VerticalAlignment="Center">
                                                              <ToolTipService.ToolTip>
                                                                    <StackPanel Orientation="Horizontal">
                                                                        <TextBlock Text="{Binding Name}" Foreground="Red" VerticalAlignment="Center"></TextBlock>
                                                                    </StackPanel>
                                                              </ToolTipService.ToolTip>
                                                        </TextBlock>
                                                    </DataTemplate>
                                                </sdk:DataGridTemplateColumn.CellTemplate>
                                            </sdk:DataGridTemplateColumn>

</sdk:DataGrid.Columns>
</sdk:DataGrid>