바인딩 StackPanel

Question

내 목표는 반환되는 XML 데이터에서 Url 값을 사용하여 전체 StackPanel (또는 다른 요소)에서 웹 사이트를 열도록하는 것입니다. 나는 이것을 달성하는 가장 좋은 방법이 무엇인지 궁금 해서요?

다음

<DataTemplate> 
    <StackPanel> //bind Url here somehow 
     <Image Source="{Binding Thumbnail}"></Image> 
     <StackPanel> 
      <TextBlock Text="{Binding Title}" TextWrapping="Wrap"/> 
      <StackPanel> 
       <TextBlock Text="{Binding Duration}"></TextBlock> 
       <TextBlock Text="{Binding Stats}"></TextBlock> 
      </StackPanel> 
     </StackPanel> 
    </StackPanel> 
</DataTemplate> 

내 코드 뒤에 반환 값의 샘플입니다 :

public class XmlData 
    { 
     public string Id { get; set; } 
     public string Title { get; set; } 
     public string Url { get; set; } 
     public string Thumbnail { get; set; } 
     public string Stats { get; set; } 
     public double Duration { get; set; } 
    } 

코드 예제는 평가 여기

내 XAML 코드의 샘플입니다. 미리 감사드립니다.

Answer 1

XAML : 뒤에

<DataTemplate> 
<StackPanel MouseLeftButtonDown="StackPanelMouseLeftButtonDown" Tag="{Binding Url}"> 
     <Image Source="{Binding Thumbnail}"></Image> 
     <StackPanel> 
      <TextBlock Text="{Binding Title}" TextWrapping="Wrap"/> 
      <StackPanel> 
       <TextBlock Text="{Binding Duration}"></TextBlock> 
       <TextBlock Text="{Binding Stats}"></TextBlock> 
      </StackPanel> 
     </StackPanel> 
    </StackPanel> 
</DataTemplate> 

코드 : 응답에 대한

private void StackPanelMouseLeftButtonDown(object sender, MouseButtonEventArgs e) { 
    var realSender = (StackPanel)sender; 
    WebBrowserTask wbt = new WebBrowserTask(); 
    wbt.URL = (string)realSender.Tag; 
    wbt.Show(); 
} 

Answer 2

스택 패널은 URL 자체를 열 수 없으므로,이를 위해 WebBrowser 컨트롤이 필요합니다.

<DataTemplate> 
    <StackPanel> 
     <WebBrowser Source="{Binding Url}" /> 
     <Image Source="{Binding Thumbnail}"></Image> 
     <StackPanel> 
      <TextBlock Text="{Binding Title}" TextWrapping="Wrap"/> 
      <StackPanel> 
       <TextBlock Text="{Binding Duration}"></TextBlock> 
       <TextBlock Text="{Binding Stats}"></TextBlock> 
      </StackPanel> 
     </StackPanel> 
    </StackPanel> 
</DataTemplate>