Databindung hierarchisch

  • WPF

Es gibt 8 Antworten in diesem Thema. Der letzte Beitrag () ist von MasterQ.

    Databindung hierarchisch

    Moin,

    in folgendem (gekürzten) UserControl möchte ich für den Button in der Zelle des DataGrid, Zeile 9-10, Command an MenuItemClick des Viewmodels (DataContext des Controls) binden. Das kriege ich nicht hin.

    Da das Grid an Data des Viewmodels gebunden ist, wird gemeckert, weil Data kein MenuItemClick enthält. Ich habe mit RelativeSource etc. rumgespielt und keinen Erfolg erzielt. Wie mache ich es denn, dass der im DataGrid liegende Button denselben Datenkontext sieht wie der Button direkt im Control?

    XML-Quellcode

    1. <UserControl x:Class="Klasse">
    2. <StackPanel>
    3. <DataGrid x:Name="dataGrid"
    4. ItemsSource="{Binding Data}">
    5. <DataGrid.Columns>
    6. <DataGridTemplateColumn Width="50">
    7. <DataGridTemplateColumn.CellTemplate>
    8. <DataTemplate>
    9. <Button Command="{Binding MenuItemClickCommand}"
    10. CommandParameter="Parameter"/>
    11. </DataTemplate>
    12. </DataGridTemplateColumn.CellTemplate>
    13. </DataGridTemplateColumn>
    14. </DataGrid.Columns>
    15. </DataGrid>
    16. <Button Command="{Binding MenuItemClickCommand}"
    17. CommandParameter="Drucken"/>
    18. </StackPanel>
    19. </UserControl>


    Gruß

    MQ

    Du kannst deinem Button einen expliziten DataContext mitteilen, sodass dieser (und alle unter ihm liegenden Elemente) diesen Context nutzen statt dem seines Parent:

    XML-Quellcode

    1. ​
    2. ...
    3. <DataGridTemplateColumn.CellTemplate>
    4. <DataTemplate>
    5. <Button Command="{Binding MenuItemClickCommand}"
    6. CommandParameter="Parameter"
    7. DataContext="{...}"/>
    8. </DataTemplate>
    9. </DataGridTemplateColumn.CellTemplate>
    11. ...


    und im DataContext kannst du an das ViewModel binden, das den Parameter trägt, du kannst aber auch an andere DataContext binden, etc.

    Hallo

    Wenn du direkt auf das UserControl binden willst dann kannst du das mittels FindAncestor machen.

    XML-Quellcode

    1. <DataGrid x:Name="dataGrid"
    2. ItemsSource="{Binding Data}">
    3. <DataGrid.Columns>
    4. <DataGridTemplateColumn Width="50">
    5. <DataGridTemplateColumn.CellTemplate>
    6. <DataTemplate>
    7. <Button Command="{Binding RelativeSource={RelativeSource
    8. FindAncestor,
    9. AncestorType={x:Type UserControl},
    10. AncestorLevel=2},Path=MenuItemClickCommand}"
    11. CommandParameter="Parameter"/>
    12. </DataTemplate>
    13. </DataGridTemplateColumn.CellTemplate>
    14. </DataGridTemplateColumn>
    15. </DataGrid.Columns>
    16. </DataGrid>
    18. ​


    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. ##

    Das hatte ich schon probiert, erhalte aber die Meldung, Quelle nicht gefunden.

    konkret handelt es sich um einen XML-Bindungsfehler

    Datenkontext: null
    Bindungspfad: MenuItemClickCommand
    Ziel: Button.Command
    Zieltyp: ICommand
    Beschreibung: Quelle nicht gefunden: RelativeSource FindAncestor, AncestorType='XYZControl', AncestorLevel='2'

    Eigentlich muss ich an das Viewmodel des Controls binden. Um aber mal herauszukriegen, was da schief läuft, habe ich MenuItemClickCommand auch im Control angelegt und vom Viewmodel durchgeschleift.

    An der Fehlermeldung ändert sich nix.

    Da dein Control aber zum Beispiel x:Class="Klasse" kautet, müsste dein Binding auch auf diese aufsetzen:

    mittels: AncestorType={x:Type Klasse}

    Und auf die Angabe von AncestorLevel würde ich hier erstmal verzichten, da gerade am Anfang es verwirrend sein kann, da er nach exakt zwei Ancestoren aufhört, aber manchmal übersieht man vielleicht, wie viele Ancestoren wirklich dazwischen sind. Deshalb nutze die x:Type Anweisung, damit du sagst, welche Klasse er finden soll. Wenn es im MainWindow ist, kann es auch lauten AncestorType={x:Type MainWindow} oder jede andere Klasse, die dazwischen enthalten sein kann.

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

    Hallo

    1.) Wenn ein Code nicht funktioniert dann Poste diesen auch. (also den code)
    2.) Du suchst das XYZControl (laut Fehlermeldung) du sollt aber das nächste USERCONTROL suchen.

    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. ##

    Hier mal etwas mehr Code.

    Mein Steuerelement OrdersOpenControl ist von UserControl abgeleitet und dient als Inhalt eines TabControls. DataContext von OrdersOpenControl wird im Constructor auf das Viewmodel gesetzt, dessen Property Data als Datenquelle für das DataGrid dient.


    Wie man sieht, hat OrdersOpenControl eine Kopfzeile, ein DataGrid als Inhalt und eine Fußzeile. Sowohl in Kopf- als auch Fußzeile liegen Buttons, die über MenuItemClickCommand erreicht werden und genau das machen was sie sollen.

    Für den Button im DataGrid ist MenuItemClickCommand nicht erreichtbar.

    C#-Quellcode

    1. <UserControl x:Class="OrdersOpenControl"
    2. xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    3. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    4. xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    5. xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    6. xmlns:local="clr-namespace:MeinProjekt"
    7. xmlns:p="clr-namespace:MeinProjekt.Properties"
    8. mc:Ignorable="d"
    9. d:DesignHeight="450" d:DesignWidth="800">
    11. <Grid>
    12. <Grid.RowDefinitions>
    13. <RowDefinition Height="{StaticResource HeaderHeight}"/>
    14. <RowDefinition Height="*"/>
    15. <RowDefinition Height="{StaticResource FooterHeight}"/>
    16. </Grid.RowDefinitions>
    18. <Border Grid.Row="0"
    19. Background="{StaticResource UserColorDefault}">
    20. <Grid>
    21. <Label Grid.Row="0"
    22. Content="{x:Static p:Translate.OffeneAufträgeHeader}"
    23. Style="{StaticResource HeaderLabelStyleUser}"
    24. HorizontalAlignment="Left"/>
    26. <Button Grid.Row="0"
    27. Style="{StaticResource IconButtonStyle}"
    28. ToolTip="{x:Static p:Translate.DockUndock}"
    29. Command="{Binding MenuItemClickCommand}"
    30. CommandParameter="DockUndock"
    31. HorizontalAlignment="Right"
    32. VerticalAlignment="Center"
    33. Visibility="Visible">
    34. <Image Source="/Images/dock_window_icon_138670.png"
    35. Style="{StaticResource IconButtonIconStyle}"/>
    36. </Button>
    37. </Grid>
    38. </Border>
    40. <Border Grid.Row="1">
    41. <DataGrid x:Name="dataGrid"
    42. AutoGenerateColumns="false"
    43. RowBackground="{StaticResource DataGridRowColor}"
    44. AlternatingRowBackground="{StaticResource DataGridAlternatingRowColor}"
    45. HeadersVisibility="All"
    46. RowHeaderStyle="{StaticResource RowHeaderStyle}"
    47. ItemsSource="{Binding Data}"
    48. SelectedItem="{Binding SelectedItem}"
    49. SelectionMode="Single"
    50. SelectionUnit="FullRow"
    51. IsReadOnly="True"
    52. >
    53. <DataGrid.Columns>
    54. <DataGridTemplateColumn Width="50">
    55. <DataGridTemplateColumn.CellTemplate>
    56. <DataTemplate>
    57. <Button
    58. Command="{Binding Path=MenuItemClickCommand,
    59. RelativeSource={RelativeSource FindAncestor,
    60. AncestorType={x:Type local:OrdersOpenControl},
    62. AncestorLevel=4}}"
    63. CommandParameter="Bearbeiten"
    64. Width="auto"
    65. ToolTip="{x:Static p:Translate.Bearbeiten}">
    67. <Button.Content>
    68. <Image Source="/Images/pencil-8x.png"
    69. Width="20"
    70. Height="20" />
    71. </Button.Content>
    73. </Button>
    75. </DataTemplate>
    76. </DataGridTemplateColumn.CellTemplate>
    77. </DataGridTemplateColumn>
    78. </DataGrid.Columns>
    79. </DataGrid>
    81. </Border>
    83. <Border Grid.Row="2"
    84. Background="{StaticResource UserColorDefault}">
    86. <StackPanel Grid.Row="2"
    87. Orientation="Horizontal"
    88. HorizontalAlignment="Right"
    89. Background="{StaticResource UserColorDefault}">
    91. <Button x:Name="btnDrucken"
    92. Style="{StaticResource IconButtonStyle}"
    93. ToolTip="{x:Static p:Translate.Drucken}"
    94. Command="{Binding MenuItemClickCommand}"
    95. CommandParameter="Drucken"
    96. HorizontalAlignment="Right"
    97. Margin="0,0,10,0">
    99. <Image Source="/Images/print-8x.png"
    100. Style="{StaticResource IconButtonIconStyle}"/>
    102. </Button>
    104. <Button x:Name="btnSchließen"
    105. Style="{StaticResource IconButtonStyle}"
    106. ToolTip="{x:Static p:Translate.Schließen}"
    107. Command="{Binding MenuItemClickCommand}"
    108. CommandParameter="Schließen"
    109. HorizontalAlignment="Right">
    110. <Image Source="/Images/x-8x.png"
    111. Style="{StaticResource IconButtonIconStyle}"/>
    112. </Button>
    113. </StackPanel>
    114. </Border>
    116. </Grid>
    117. </UserControl>


    Ich habe mit FindAnvestor nach "OpenOrdersControl" gesucht und auch nach "UserControl". UserControl kennt er in diesem Kontext gar nicht und OrdersOpenControl gibt die Meldung aus, die ich vorher gepostet hatte.

    Nochmals

    Es sollte funktionieren wenn du nach einem Usercontrol suchst. (wie ich es gepostet hatte)

    XML-Quellcode

    1. ​
    2. <Button
    3. Command="{Binding Path=MenuItemClickCommand,
    4. RelativeSource={RelativeSource FindAncestor,
    5. AncestorType={x:Type UserControl},
    7. AncestorLevel=4}}"
    8. CommandParameter="Bearbeiten"
    9. Width="auto"
    10. ToolTip="{x:Static p:Translate.Bearbeiten}">
    12. <Button.Content>
    13. <Image Source="/Images/pencil-8x.png"
    14. Width="20"
    15. Height="20" />
    16. </Button.Content>
    18. </Button>


    Alternativ setze den Name für das Usercontrol mit x:Name=mycontrol und setze damit den DataContext fest.

    Ansonsten mach ein kleines Minibeispiel welches den Fahler reproduziert, dann können wir besser sehen was nicht stimmt.

    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. ##

Facebook
Telefonspende