Binding von DataTemplate in UserControl.Resources zu UserControl DataContext funktioniert nicht

  • WPF

Es gibt 6 Antworten in diesem Thema. Der letzte Beitrag () ist von kaifreeman.

    Binding von DataTemplate in UserControl.Resources zu UserControl DataContext funktioniert nicht

    Hallo Leute,

    ich bin hier gerade etwas am verzweifeln. Ich habe ein DataTemplate in den Resourcen eines Usercontrols definiert:

    XML-Quellcode

    1. ​
    3. <UserControl.Resources>
    4. <ResourceDictionary>
    5. <DataTemplate x:Key="PageFooterTemplate">
    6. <Grid>
    7. <TextBlock HorizontalAlignment="Left" FontSize="10" Text="{Binding Source={x:Static system:DateTime.Now}, StringFormat=d, ConverterCulture=de-AT}"/>
    8. <TextBlock HorizontalAlignment="Center" FontSize="10" Text="Provided by MySalesTool"/>
    9. <StackPanel HorizontalAlignment="Right" Orientation="Horizontal">
    10. <TextBlock Margin="0,0,10,0" HorizontalAlignment="Right" VerticalAlignment="Center" FontSize="10" Text="{lex:Loc Key=offer_page}"/>
    11. <TextBlock Margin="0,0,0,0" HorizontalAlignment="Right" VerticalAlignment="Center" FontSize="10">
    12. <TextBlock.Text>
    13. <Binding Path="PageIndex" RelativeSource="{RelativeSource Mode=FindAncestor, AncestorType={x:Type syncfusion:PrintPageControl}}"/>
    14. </TextBlock.Text>
    15. </TextBlock>
    16. <TextBlock Text="{lex:Loc Key=of}" HorizontalAlignment="Right" VerticalAlignment="Center" FontSize="10"/>
    17. <TextBlock Margin="0,0,0,0" HorizontalAlignment="Right" VerticalAlignment="Center" FontSize="10">
    18. <TextBlock.Text>
    19. <Binding Path="TotalPages" RelativeSource="{RelativeSource Mode=FindAncestor, AncestorType={x:Type syncfusion:PrintPageControl}}"/>
    20. </TextBlock.Text>
    21. </TextBlock>
    22. </StackPanel>
    23. </Grid>
    24. </DataTemplate>
    25. <DataTemplate x:Key="PageHeaderTemplate">
    26. <Grid DataContext="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type local:ItemsUcl}}, Path=DataContext}">
    27. <!--<TextBlock Text="{lex:Loc Key=items}" FontSize="18" HorizontalAlignment="Left"/>-->
    28. <TextBlock Width="120" Text="{Binding Path=DataContext.HeaderText, Mode=OneWay, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type local:ItemsUcl}}}" FontSize="18" HorizontalAlignment="Left"/>
    29. <Image x:Name="TenantImage" HorizontalAlignment="Right" Stretch="Fill" Width="250" Height="150" Source="{Binding Path=DataContext.TenantLogo, Mode=OneWay, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type local:ItemsUcl}}}"/>
    30. </Grid>
    31. </DataTemplate>
    32. </ResourceDictionary>
    33. </UserControl.Resources>

    Im Dictionary sind noch ein weiteres Template und einige andere "Sachen" die sollten aber damit nix zu tun haben.

    Im Kopf des Usercontrols ist der DataContext wie folgt hinterlegt:

    XML-Quellcode

    1. ​
    2. <UserControl x:Class="ItemsUcl"
    3. xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    4. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    5. xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    6. xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    7. xmlns:Fluent="clr-namespace:Fluent;assembly=Fluent"
    8. xmlns:FluentHelper="clr-namespace:View.RibbonHelper"
    9. FluentHelper:FluentRibbonHelper.RibbonTabGroup="{DynamicResource ribboncontextgroup}"
    10. FluentHelper:FluentRibbonHelper.RibbonTabDataContext="{Binding}"
    11. FluentHelper:FluentRibbonHelper.RibbonTab="{DynamicResource ribboncontextual}"
    12. xmlns:lex="http://wpflocalizeextension.codeplex.com"
    13. xmlns:VM="clr-namespace:ViewModel.ViewModels;assembly=ViewModel"
    14. xmlns:syncfusion="http://schemas.syncfusion.com/wpf"
    15. xmlns:syncGrid="clr-namespace:Syncfusion.UI.Xaml.Grid;assembly=Syncfusion.SfGrid.WPF"
    16. xmlns:i1="http://schemas.microsoft.com/xaml/behaviors"
    17. xmlns:system="clr-namespace:System;assembly=mscorlib"
    18. xmlns:Controls="clr-namespace:MahApps.Metro.Controls;assembly=MahApps.Metro"
    19. xmlns:interactivity="http://schemas.microsoft.com/xaml/behaviors"
    20. lex:LocalizeDictionary.DesignCulture="en"
    21. lex:ResxLocalizationProvider.DefaultAssembly="View"
    22. lex:ResxLocalizationProvider.DefaultDictionary="Strings"
    23. mc:Ignorable="d" d:DesignWidth="600" d:DesignHeight="600"
    24. xmlns:local="clr-namespace:View"
    25. d:DataContext="{d:DesignInstance IsDesignTimeCreatable=false,Type={x:Type VM:ItemsVM}}">


    Die Gesamtview bindet auch korrekt nur das DataTemplate findet im FindAncestor Mode das Usercontrol nicht.
    Ich habe versucht bis ins Ancestorlevel 13 zu gehen, ich habe Templated Parent versucht, ich habe versucht im Binding das Path= wegzulassen und in meiner Verzweiflung auch über Elementname.
    Die Properties sind im Viewmodel sauber definiert und binden korrekt.

    In den XAML Binding Failures wird angezeigt:

    Cannot find source: RelativeSource FindAncestor, AncestorType='View.ItemsUcl'

    Hat jemand eine Idee wie ich dem Template erklären kann wo es den Datacontext vom View finden soll? Danke
    mfG.
    Stephan

    Hallo

    Wo das DataTemplate verwendet wird sehe ich aus dem Code nicht heraus.
    Gehe ich richtig der Annahme das das DateTemplate im selben UserControl verwendet wird in welchem es definiert wurde? Also nicht das du ein UserControl in nem UserControl hast?
    Warum dann mit FindAncestor den DataContext holen wenn das die Controls innerhalb des DataTemplate diesen Vererbt bekommen?

    Grüße
    Sascha
    If _work = worktype.hard Then Me.Drink(Coffee)
    Seht euch auch meine Tutorialreihe <WPF Lernen/> an oder abonniert meinen YouTube Kanal.

    ## Bitte markiere einen Thread als "Erledigt" wenn deine Frage beantwortet wurde. ##

    Hallo,

    das DataTemplate ist im selben Usercontrol in dem es auch verwendet werden soll.
    Ich habe schon langsam den Verdacht es liegt am Syncfusion.

    Was ich ja eigentlich erreichen möchte ist das ich im Codebehind das Datagrid über die Syncfusion funktion ausdrucke das schaut so aus:

    Ablauf:
    - Benutzer drückt Knopf im Ribbon
    - Ribbon Button ist gebunden an Command im Viewmodel (prüft Berechtigung usw.)
    - Viewmodel schickt Nachricht an die View, wenn der Uniquewindowhandler ein Match ist dann wird dieser Code aufgerufen:

    VB.NET-Quellcode

    1. ​
    2. Private Sub PrintMessageHandler(obj As Object)
    3. If obj.GetType = GetType(Guid) AndAlso DirectCast(obj, Guid).Equals(DirectCast(DataContext, MyMultiVMBaseSf).UniqueWindowHelper) Then
    4. 'UniqueWindowHandler is a match
    5. 'Header
    6. Dim vHeader As DataTemplate = CType(Me.Resources("PageHeaderTemplate"), DataTemplate)
    7. 'Footer
    8. Dim vFooter As DataTemplate = CType(Me.Resources("PageFooterTemplate"), DataTemplate)
    9. 'Define the Setup:
    10. Dim vPrintSettings As New PrintSettings With {.AllowColumnWidthFitToPrintPage = True,
    11. .AllowRepeatHeaders = True,
    12. .PrintScaleOption = PrintScaleOptions.FitAllColumnsonOnePage,
    13. .CanPrintStackedHeaders = True,
    14. .PrintPageOrientation = PrintOrientation.Landscape,
    15. .PrintPageFooterHeight = 20,
    16. .PrintPageFooterTemplate = vFooter,
    17. .PrintPageHeaderHeight = 150,
    18. .PrintPageHeaderTemplate = vHeader,
    19. .PrintPageMargin = New Thickness(37.8, 56.7, 37.8, 56.7)}
    20. ElementsDatagrid.PrintSettings = vPrintSettings
    21. Debug.Print(ElementsDatagrid.PrintSettings.PrintPageMargin.ToString) '96,96,96,96
    22. ElementsDatagrid.ShowPrintPreview()
    23. End If
    24. End Sub


    in der vHeader und vFooter wird das Datatemplate vom Usercontrol selbst geholt. Ich vermute schon langsam das hier der "Hund" begraben liegt, mit ElementsDatagrid.ShowPrintPreview, wird einen Druckvorschau aufgerufen und hier wäre der erste Zugriff auf das Viewmodel.
    Mein Plan B wäre jetzt die DataTemplates in der View über eine Helperklasse zu erstellen, die notwendigen Bindings (also ein Text und ein Byte()) als Payload in meine Message zu packen, oder via Cast aus dem Viewmodel zu holen und dann zu hoffen das es korrekt rendert.
    mfG.
    Stephan

    Hallo

    Also wenn das DataTemplate im selben UserControl ist dann würde ja meiner Meinung nach DataContext={Binding} genügen. =O
    Ansonsten kann ich zu dieser eher speziellen konstellation recht wenig sagen und mit SyncFusion habe ich unter WPF noch nicht gearbeitet.

    Grüße
    Sascha
    If _work = worktype.hard Then Me.Drink(Coffee)
    Seht euch auch meine Tutorialreihe <WPF Lernen/> an oder abonniert meinen YouTube Kanal.

    ## Bitte markiere einen Thread als "Erledigt" wenn deine Frage beantwortet wurde. ##

    Bin mir mittlerweile ziemlich sicher das es an Syncfusion liegt, ich hab das Binding nochmals "zurückgebaut" und bin auf die übliche Einstellung ohne FindAncestor gegangen, was ich im LiveVisualTree sehe ist folgendes:


    Der MainWS ist da wo ich arbeite (SpsWindow ist dir ja bekannt :D )
    Wenn die Vorschau geöffnet wird, erzeugt das System ein "chromeless Window" mit 2 Grids, also Header und Footer.
    Im Header Grid ist mein Textblock und mein Image zu finden. Auch das ItemsUcl wird im Live Property korrekt anzeigt.
    Rein optisch schaut das alles gut aus, also kann es nur mehr am Rendering Prozess vom Syncfusion hängen, ich werd da mal weiter schauen ob es in diese Richtung was gibt.


    Update ich hab eine Lösung gefunden:
    Es muss das Viewmodel in den Ressourcen definiert werden und dann das DataTemplate => Grid Datacontext auf diese Ressource eingestellt werden.

    XML-Quellcode

    1. ​
    2. <UserControl.Resources>
    3. <ResourceDictionary>
    4. <VM:ItemsVM x:Key="ViewModel"/>
    5. <DataTemplate x:Key="PageHeaderTemplate">
    6. <Grid DataContext="{StaticResource ViewModel}">
    7. <!--<TextBlock Text="{lex:Loc Key=items}" FontSize="18" HorizontalAlignment="Left"/>-->
    8. <TextBlock Background="Aqua" Width="120" Text="{Binding HeaderText, Mode=OneTime}" FontSize="18" HorizontalAlignment="Left"/>
    9. <Image x:Name="TenantImage" HorizontalAlignment="Right" Stretch="Fill" Width="250" Height="150" Source="{Binding TenantLogo, Mode=OneWay}"/>
    10. </Grid>
    11. </DataTemplate>
    12. </UserControl.Resources>
    13. </ResourceDictionary>


    Dann funktioniert es.... hat mich jetzt 2 Wochen gekostet das rauszufinden. :/
    Danke für eure Unterstützung.



    mfG.
    Stephan

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von „kaifreeman“ ()

Facebook
Telefonspende