Silverlight DataGrid 数据绑定鼠标移入到内容项时显示类似ToolTip提示文本
2013-02-17 14:51
567 查看
效果图如下:
主要是调用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>
主要是调用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>
相关文章推荐
- datagrid 文本溢出时候 鼠标经过出现提示信息tooltip
- 实现easyui datagrid在没有数据时显示相关提示内容
- C#中,当鼠标移动到控件上,动态显示提示内容 ToolTip
- jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容
- asp.net中GridView数据鼠标移入显示提示信息
- easy ui datagrid在没有数据时显示相关提示内容
- GridView 使用ToolTip 显示提示文本内容
- 实现easyui datagrid在没有数据时显示相关提示内容
- jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容
- C#中,当鼠标移动到控件上,动态显示提示内容 ToolTip
- C#中,当鼠标移动到控件上,动态显示提示内容 -> 用代码操作ToolTip
- easyui datagrid无数据时显示相关提示内容
- asp.net中GridView数据鼠标移入显示提示信息
- 绑定gridview单元格内容过长,用tooltip,单元格截取指定长度,鼠标停留时显示全部内容,
- asp.net GridView列数据鼠标移入显示提示信息
- gridview数据绑定为空时显示提示
- htnl5中设置文本单行显示,超出部分打省略号,鼠标移到文本时alt出全部文本内容
- AngularJS实现鼠标移入内容显示,鼠标移出内容隐藏
- C# ComboBox下拉表单显示提示内容ToolTip
- easyUi datagrid鼠标经过提示单元格内容