treenavigator 항목 옆에 이미지/아이콘 추가

Question

나는 syncfusion treenavigator 드롭 다운 메뉴가 있습니다. 우리의 고객은 treenavigator의 처음 두 드릴 다운 메뉴에 항목 당 아이콘을 추가하려고합니다. 항목 목록이 deserialized json 객체에서 나온 것을 감안할 때 json 파일에 추가하지 않고 이미지를 매핑하고 삽입하는 방법은 무엇입니까? 동료가 코드 뒤에 항목 템플릿을 만들 것을 제안했지만 어떻게해야할지 잘 모르겠습니다.

P. 보류하지 마십시오. 질문 할 내용을 완전히 이해할 수 없다면 질문을 작성하기가 어렵습니다. 나는 모든 해명에 답하려고 노력할 것이다.

감사합니다.

Answer 1

이미지를 표시 할 항목에 대해서만 ViewModel의 이미지 경로를 설정하십시오. 다음과 같은 코드를 시도 할 수 있습니다 :

xmlns:navigation="using:Syncfusion.UI.Xaml.Controls.Navigation" 
xmlns:primitives="using:Syncfusion.UI.Xaml.Primitives" 

    <navigation:SfTreeNavigator ItemsSource={Binding NavigatorItems}> 
     <navigation:SfTreeNavigator.ItemTemplate> 
      <primitives:HierarchicalDataTemplate ItemsSource="{Binding Models}" x:Key="Template"> 
       <DataTemplate> 
        <StackPanel Orientation="Horizontal"> 
         <Image Source="{Binding ImageSource}" Width="18" Height="18"/> 
         <TextBlock Text="{Binding Header}" VerticalAlignment="Center" Margin="18 0 0 0"/>     
        </StackPanel> 
       </DataTemplate> 
       <primitives:HierarchicalDataTemplate.ItemTemplate> 
        <primitives:HierarchicalDataTemplate ItemsSource="{Binding Models}"> 
         <DataTemplate> 
          <StackPanel Orientation="Vertical"> 
           <Image Source="{Binding ImageSource}" Width="18" Height="18"/> 
           <TextBlock Text="{Binding Header}" VerticalAlignment="Center" Margin="18 0 0 0"/> 
          </StackPanel> 
         </DataTemplate> 
         <primitives:HierarchicalDataTemplate.ItemTemplate> 
          <DataTemplate> 
           <StackPanel Orientation="Vertical"> 
            <Image Source="{Binding ImageSource}" Width="18" Height="18"/> 
            <TextBlock Text="{Binding Header}" VerticalAlignment="Center" Margin="18 0 0 0"/> 
           </StackPanel> 
          </DataTemplate> 
         </primitives:HierarchicalDataTemplate.ItemTemplate> 
        </primitives:HierarchicalDataTemplate> 
       </primitives:HierarchicalDataTemplate.ItemTemplate> 
      </primitives:HierarchicalDataTemplate> 
     </navigation:SfTreeNavigator.ItemTemplate> 

참고 : Syncfusion.SfTreeNavigator.UWP 및 Syncfusion.SfSharedd.UWP 어셈블리가 필요합니다.

감사합니다, 내가 필요 정확히 무엇을

제시