2016-04-30 65 views
0

當鼠標懸停在圖像上時,我想在Silverlight的工具提示中顯示覆選框列表。 數據是字符串屬性的列表。 問題:複選框文本內容消失,只顯示覆選框。 如何顯示文本框及其文本內容?謝謝。Silverlight中複選框列表的工具提示

Tooltip display

<ToolTipService.ToolTip > 
      <ToolTip d:DataContext="{d:DesignInstance Type=local:Data}"> 
        <ListBox x:Name="LstTemp"> 

        <!--<ListBox.ItemContainerStyle> 
         <Style TargetType="ListBoxItem"> 
          <Setter Property="HorizontalAlignment" Value="{Binding Input}"/> 
         </Style> 
        </ListBox.ItemContainerStyle>--> 

        <ListBox.ItemTemplate> 
         <DataTemplate> 
          <CheckBox IsChecked="true" IsEnabled="False" Content="{Binding Input}" /> 
         </DataTemplate> 
        </ListBox.ItemTemplate> 
       </ListBox> 
      </ToolTip> 
</ToolTipService.ToolTip> 
    </Image> 
</Grid> 

背後

Public Class Data 
    Public Property Data1 As String 
    Public Property Data2 As String 
    Public Property Input As New List(Of String) 
End Class 
+0

你能真正互動與東西在工具提示?這不是我記得的。另外,爲什麼你在'ListBox'中使用'CheckBox'? 'ListBox'是一個交互容器,'CheckBox'是一個交互項。 ItemsControl本身會更好,容器不會干擾物品。 – John

+0

在XAML代碼的註釋部分,我從字符串屬性列表中獲取包含文本的項目,但未選中複選框。有了複選框部分,我可以看到複選框,但不顯示覆選框的文本(內容)。 –

回答

0

代碼中,我找到了解決辦法,這裏是複選框的工具提示中的動態列表代碼

  <Image Height="114" HorizontalAlignment="Left" Margin="129,48,0,0" Name="Image1" Stretch="Fill" VerticalAlignment="Top" Width="170" Source="/Tooltip1;component/Images/Desert.jpg" > 

<ToolTipService.ToolTip > 
      <ToolTip d:DataContext="{d:DesignInstance Type=local:Data}"> 
       <ListBox x:Name="LstTemp"> 
        <ListBox.ItemContainerStyle> 

          <Style TargetType="ListBoxItem"> 
           <Setter Property="Template"> 
            <Setter.Value> 
             <ControlTemplate TargetType="ListBoxItem"> 
              <Grid Margin="2"> 
               <Grid.ColumnDefinitions> 
                <ColumnDefinition Width="Auto" /> 
                <ColumnDefinition /> 
               </Grid.ColumnDefinitions> 
               <CheckBox IsChecked="true" IsEnabled="false"/> 
               <ContentPresenter 
           Grid.Column="1" 
           Margin="2,0,0,0" /> 
              </Grid> 
             </ControlTemplate> 
            </Setter.Value> 
           </Setter> 
          </Style> 

        </ListBox.ItemContainerStyle> 
       </ListBox> 
      </ToolTip> 
</ToolTipService.ToolTip> 
    </Image> 
相關問題