Silverlight DataGrid 資料繫結滑鼠移入到內容項時顯示類似ToolTip提示文字
效果圖如下:
主要是呼叫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>
相關文章
- Tooltip滑鼠hover放上時文字提示
- asp.net GridView列資料滑鼠移入顯示提示資訊ASP.NETView
- Silverlight Rectangle控制元件滑鼠移入時的提示框控制元件
- Windows 應用程式 DataGrid資料繫結顯示中文列名Windows
- vue 滑鼠移入顯示圖示 ,滑鼠移出隱藏圖示Vue
- Element 利用Tooltip提示框實現動態顯示文字提示
- CSS滑鼠懸停下拉顯示內容CSS
- ASPxGridView的資料繫結顯示View
- 微信小程式資料資料繫結顯示NaN微信小程式NaN
- js控制文字內容過多時候點選展開方式顯示全部內容demoJS
- Repeater在無資料記錄時顯示類似GridView空模板(EmptyDataTemplate)View
- 〈%# 〉與〈%= 〉的區別,顯示資料與繫結資料
- js文字內容感應滑鼠懸浮效果程式碼例項JS
- 實現文字框輸入內容提示程式碼例項
- bootstrap 選單導航選單nav li滑鼠移入hover下拉顯示boot
- js 選項卡 【滑鼠懸停標題,顯示對應內容,改變其他標題顏色並隱藏內容】...JS
- DataGrid與SQL Server 2000資料繫結SQLServer
- DataGridView設定單元格的提示內容ToolTip詳解View
- silverlight中Combox繫結資料以及動態繫結預設選定項的用法
- [BUG反饋]DataDictionary資料字典類,呼叫generate和generateAll方法不顯示內容。
- e-chart實現上下圖示使用一個tooltip移入事件事件
- css文字超出div隱藏剩下內容並顯示省略號CSS
- 當內容超出最大的長度的時候,使用CSS使文字顯示省略號CSS
- jQuery滑鼠懸停顯示提示資訊視窗jQuery
- ArcGIS API for Silverlight 滑鼠移動顯示地理座標API
- React製作全域性Tooltip文字提示元件React元件
- Element-Ui元件(三十九)Tooltip 文字提示UI元件
- 文字框輸入內容實現智慧提示效果程式碼例項
- 將OleDbDataAdapter繫結到Winform下的DataGrid (轉)APTORM
- element table 表頭顯示 tooltip
- jQuery滑鼠移入移出jQuery
- vue select 繫結複雜資料和預設顯示Vue
- 更新UITextView後,自動顯示到最下面內容UITextView
- Silverlight 使用RadTreeView動態繫結資料View
- H5頁面PC富文字內容自適應顯示H5
- Vue 動態繫結圖片 src 屬性閃屏 白屏 無內容顯示 BUG 小記Vue
- ueditor文字框初始化如何顯示預設內容,以及文字框獲取焦點後清空預設內容
- DataGridView的資料繫結 與 指定列顯示 (程式碼完成)View