WPF mit VB.NET / TextBox an Property binden

  • WPF

Es gibt 18 Antworten in diesem Thema. Der letzte Beitrag () ist von Veronesi.

    WPF mit VB.NET / TextBox an Property binden

    Hallo Zusammen

    Ich weiss, zu dieser Frage gibt es sehr, sehr viele Antworten im Internet.
    Aber trotz intensiver Suche habe ich mein Test nicht zu laufen gebracht.

    Wie kann ich meine TextBox in WPF an eine Property binden?
    (INotifyPropertyChanged ist natürlich implementiert)

    Hier der XAML Code:

    XML-Quellcode

    1. <Window x:Class="MainWindow"
    2. xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    3. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    4. Title="MainWindow" Height="87" Width="236">
    5. <Grid>
    6. <TextBox Height="23" HorizontalAlignment="Left" Margin="10,10,0,0" Name="TextBox1" VerticalAlignment="Top" Width="120" Text="{Binding Path=UpdateProperties.StatusLabel1}"/>
    7. <Button Content="Button" Height="23" HorizontalAlignment="Left" Margin="135,10,0,0" Name="Button1" VerticalAlignment="Top" Width="75" />
    8. </Grid>
    9. </Window>


    Und hier der VB.NET Code:

    VB.NET-Quellcode

    1. Imports System.ComponentModel
    3. Class MainWindow
    4. Private Sub Button1_Click(sender As System.Object, e As System.Windows.RoutedEventArgs) Handles Button1.Click
    5. Dim Update As New UpdateProperties
    6. Update.StatusLabel1 = Now.Second.ToString
    7. End Sub
    8. End Class
    10. Public Class UpdateProperties
    11. Implements INotifyPropertyChanged
    13. Public Event PropertyChanged As PropertyChangedEventHandler Implements INotifyPropertyChanged.PropertyChanged
    15. Private Sub NotifyPropertyChanged(ByVal info As String)
    16. RaiseEvent PropertyChanged(Me, New PropertyChangedEventArgs(info))
    17. End Sub
    19. Private _StatusLabel1 As String
    20. Public Property StatusLabel1 As String
    21. Get
    22. Return _StatusLabel1
    23. End Get
    24. Set(value As String)
    25. If _StatusLabel1 <> value Then
    26. _StatusLabel1 = value
    27. NotifyPropertyChanged("StatusLabel1")
    28. End If
    29. End Set
    30. End Property
    31. End Class


    Alles in .NET 4.0

    Was ist mein Fehler?

    Veronesi

    IM Window-Xaml gibts kein DataContext, und das Binding ist nicht richtig definiert.
    Mach sowas am besten übers PropertyFenster - dazu isses da: Binding-Picking im Xaml-Editor

    edit: na, ich versuchma

    XML-Quellcode

    1. <Window x:Class="MainWindow"
    2. xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    3. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    4. xmlns:my="MyRootnamespaceUndRichtigeSyntaxBitte"
    5. Title="MainWindow" Height="87" Width="236">
    6. <Window.DataContext>
    7. <my:UpdateProperties>
    8. </Window.DataContext>
    9. <Grid>
    10. <TextBox Height="23" HorizontalAlignment="Left" Margin="10,10,0,0" Name="TextBox1" VerticalAlignment="Top" Width="120" Text="{Binding Path=StatusLabel1}"/>
    11. <Button Content="Button" Height="23" HorizontalAlignment="Left" Margin="135,10,0,0" Name="Button1" VerticalAlignment="Top" Width="75" />
    12. </Grid>
    13. </Window>
    Es hängt hier am richtigen Setzen des my-xmlns.

    Und UpdateProperties sollte auch in eine Extra-Viewmodel-Datei - nicht einfach ins CodeBehind klatschen.

    edit: nee - so wird das nix. Das mittm ButtonClick sollte über den Command-Pattern laufen - mit einem RelayCommand(DelegateCommand heißt das ab 2012).
    Also gugge obiges Tut, um Binding-Picking in Aktion zu sehen, und gugge 4ViewsWpf, um zu lernen, wie man ein Anwendungsweites MainViewmodel bereitstellt, was dann auch Commands empfängt.

    Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von „ErfinderDesRades“ ()

    Hallo ErfinderDesRades

    Vielen Dank für Deine Antwort.
    Nun habe ich den XAML Code folgendermassen geändert. (Bin totaler Anfänger)
    Mein Projekt heisst "test", deshalb der clr-namespace:test


    XML-Quellcode

    1. <Window x:Class="MainWindow"
    2. xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    3. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    4. Title="MainWindow" Height="87" Width="236"
    5. xmlns:Update="clr-namespace:test">
    6. <Window.DataContext>
    7. <Update:UpdateProperties/>
    8. </Window.DataContext>
    9. <Grid>
    10. <TextBox Height="23" HorizontalAlignment="Left" Margin="10,10,0,0" Name="TextBox1" VerticalAlignment="Top" Width="120" Text="{Binding StatusLabel1}"/>
    11. <Button Content="Button" Height="23" HorizontalAlignment="Left" Margin="135,10,0,0" Name="Button1" VerticalAlignment="Top" Width="75" />
    12. </Grid>
    13. </Window>


    Leider immer noch ohne Erfolg.
    Auch mit Deinem Video bin ich (bisher) nicht auf die Lösung gekommen.

    Könntest Du mir bitte nochmals helfen?

    sieht doch richtig aus - die Textbox müsste nun doch was anzeigen.

    achso: belege mal UpdateProperties.StatusLabel1 mit einem Defaultwert, dass du siehst, das gebunden ist:

    VB.NET-Quellcode

    1. Private _StatusLabel1 As String="<Default>"
    2. Public Property StatusLabel1 As String
    3. Get
    4. Return _StatusLabel1
    5. End Get
    6. Set(value As String)
    7. If _StatusLabel1 <> value Then
    8. _StatusLabel1 = value
    9. NotifyPropertyChanged("StatusLabel1")
    10. End If
    11. End Set
    12. End Property

    Hallo!

    Ja, nun habe ich gesehen, dass die TextBox den Startwert anzeigt.
    Leider wird er nie updated.

    Ich habe das mit dem Button mal auskommentiert und einen Timer eingefügt, der alle Sekunde die aktuellen Sekunden in die Property schreibt.
    Doch das wird nicht updated.

    Ich verstehe leider noch viel zu wenig von der Materie.
    Kannst Du mir bitte hier noch helfen?

    Vielen Dank schon mal!

    VB.NET-Quellcode

    1. Imports System.ComponentModel
    3. Class MainWindow
    4. Public ClockTimer As New System.Timers.Timer()
    6. Private Sub Window_Loaded(sender As Object, e As RoutedEventArgs)
    7. AddHandler ClockTimer.Elapsed, AddressOf ClockTimer_Tick
    8. ClockTimer.Interval = 1000
    9. ClockTimer.Enabled = True
    10. End Sub
    12. Private Sub ClockTimer_Tick(sender As Object, e As EventArgs)
    13. Dim Update As New UpdateProperties
    14. Update.StatusLabel1 = Now.Second.ToString
    15. Debug.WriteLine(Update.StatusLabel1)
    16. End Sub
    18. 'Private Sub Button1_Click(sender As System.Object, e As System.Windows.RoutedEventArgs)
    19. ' Dim Update As New UpdateProperties
    20. ' Update.StatusLabel1 = Now.Second.ToString
    21. 'End Sub
    22. End Class
    24. Public Class UpdateProperties
    25. Implements INotifyPropertyChanged
    27. Public Event PropertyChanged As PropertyChangedEventHandler Implements INotifyPropertyChanged.PropertyChanged
    29. Private Sub NotifyPropertyChanged(ByVal info As String)
    30. RaiseEvent PropertyChanged(Me, New PropertyChangedEventArgs(info))
    31. End Sub
    33. Private _StatusLabel1 As String = "Startwert"
    34. Public Property StatusLabel1 As String
    35. Get
    36. Return _StatusLabel1
    37. End Get
    38. Set(value As String)
    39. If _StatusLabel1 <> value Then
    40. _StatusLabel1 = value
    41. NotifyPropertyChanged("StatusLabel1")
    42. End If
    43. End Set
    44. End Property
    45. End Class

    OK, mir fehlen massiv Grundlagen, das stimmt.
    Ich versuche mir diese einfach in verschiedenen Übungen anzueignen.
    Und bei diesen Übungen kommen immer wieder Gedanken wie: Es wäre doch nett, in der Statusleiste die aktuelle Zeit anzuzeigen - bloss als Übung.

    Und dann bin ich beim Binding gelandet......

    Also mit dem Schlüsselwort New wird jedesmal die Klasse neu instanziert. Ist wohl Blödsinn!

    Aber auch wenn ich diese Update Variable am Anfang nur einmal deklariere, funktioniert es (noch) nicht.

    Ich denke mir das so:
    Wenn ich jedes Mal die Klasse neu instanziere, werden auch jedes Mal alle darin enthaltenen Variablen / Properties / Events neu "deklariert".
    Und wenn z.B. die Variablen neu erstellt werden, haben sie den jeweiligen Default Wert.

    Also - so meine sehr begrenzte Sicht der Dinge - darf ich die Klasse nur einmal (am Anfang) deklarieren (Instanzieren) und danach immer wieder diesen Objektverweis für den Zugriff auf die Properties darin verwenden.

    In meinem Fall wäre der Objektverweis also Update.

    Stimmt das soweit (Laienhaft ausgedrückt)?

    Vielen Dank für Deine Geduld bisher.

    Nachfolgend mein aktueller Code.
    Deklariert wird sie doch ganz am Anfang, oder sehe ich das falsch?

    VB.NET-Quellcode

    1. Imports System.ComponentModel
    3. Class MainWindow
    4. Public ClockTimer As New System.Timers.Timer()
    5. Public Update As New UpdateProperties
    7. Private Sub Window_Loaded(sender As Object, e As RoutedEventArgs)
    8. InitializeComponent()
    9. AddHandler ClockTimer.Elapsed, AddressOf ClockTimer_Tick
    10. ClockTimer.Interval = 1000
    11. ClockTimer.Enabled = True
    12. End Sub
    14. Private Sub ClockTimer_Tick(sender As Object, e As EventArgs)
    15. Update.StatusLabel1 = Now.Second.ToString
    16. End Sub
    17. End Class
    19. Public Class UpdateProperties
    20. Implements INotifyPropertyChanged
    22. Public Event PropertyChanged As PropertyChangedEventHandler Implements INotifyPropertyChanged.PropertyChanged
    24. Private Sub NotifyPropertyChanged(ByVal info As String)
    25. RaiseEvent PropertyChanged(Me, New PropertyChangedEventArgs(info))
    26. End Sub
    28. Private _StatusLabel1 As String = "Startwert"
    29. Public Property StatusLabel1 As String
    30. Get
    31. Return _StatusLabel1
    32. End Get
    33. Set(value As String)
    34. If _StatusLabel1 <> value Then
    35. _StatusLabel1 = value
    36. NotifyPropertyChanged("StatusLabel1")
    37. End If
    38. End Set
    39. End Property
    40. End Class

    du meinst in zeile#5?

    Nein.
    Da wird zwar auch eine UpdateProperties-Instanz deklariert, und im Folgenden wird auch damit gearbeitet, aber das ist leider nicht die UpdateProperties-Instanz, an die deine Textbox gebunden ist.

    Aber wieso hast du den Timer eigentlich in der Window-Classe instanziert?

    kann der nicht in die UpdateProperties-Klasse?

    Also in der Window-Klasse kannste alles weglöschen.

    Ja, ich meine Zeile #5.

    Siehst Du, und genau das ist mein Problem.
    Du schreibst, das sei nicht die UpdateProperties Instanz, an welche meine TextBox gebunden ist.

    Das verstehe ich eben nicht. Wie und wo muss ich das denn machen?
    Und wo würdest Du bzw. wo sollte man korrekterweise den Timer denn instanzieren?

    Edit:

    Ach so!!!
    Jetzt hab ich das halbwegs kapiert:

    VB.NET-Quellcode

    1. Imports System.ComponentModel
    3. Class MainWindow
    5. End Class
    7. Public Class UpdateProperties
    8. Implements INotifyPropertyChanged
    10. Public Event PropertyChanged As PropertyChangedEventHandler Implements INotifyPropertyChanged.PropertyChanged
    12. Public ClockTimer As New System.Timers.Timer()
    13. Public Sub New()
    14. AddHandler ClockTimer.Elapsed, AddressOf ClockTimer_Tick
    15. ClockTimer.Interval = 1000
    16. ClockTimer.Enabled = True
    17. End Sub
    19. Private Sub ClockTimer_Tick(sender As Object, e As EventArgs)
    20. StatusLabel1 = Now.Second.ToString
    21. End Sub
    23. Private Sub NotifyPropertyChanged(ByVal info As String)
    24. RaiseEvent PropertyChanged(Me, New PropertyChangedEventArgs(info))
    25. End Sub
    27. Private _StatusLabel1 As String = "Startwert"
    28. Public Property StatusLabel1 As String
    29. Get
    30. Return _StatusLabel1
    31. End Get
    32. Set(value As String)
    33. If _StatusLabel1 <> value Then
    34. _StatusLabel1 = value
    35. NotifyPropertyChanged("StatusLabel1")
    36. End If
    37. End Set
    38. End Property
    39. End Class


    XML-Quellcode

    1. <Window x:Class="MainWindow"
    2. xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    3. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    4. Title="MainWindow" Height="87" Width="236"
    5. xmlns:Update="clr-namespace:test">
    6. <Window.DataContext>
    7. <Update:UpdateProperties/>
    8. </Window.DataContext>
    9. <Grid>
    10. <TextBox Height="23" HorizontalAlignment="Left" Margin="10,10,0,0" Name="TextBox1" VerticalAlignment="Top" Width="120" Text="{Binding StatusLabel1}"/>
    11. </Grid>
    12. </Window>


    Und dann funktioniert es!

    Vielen herzlichen Dank!
    Ich werde nun versuchen, das ganze zu verstehen!

    Nochmals herzlichen Dank!
    Veronesi

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

    Super. Vielen Dank!
    Noch eine letzte Frage:
    In XAML wurde ja der DataContext angegeben:

    <Window.DataContext>
    <Update:UpdateProperties/>
    </Window.DataContext>

    Kann man das auch nur auf das Grid anwenden, in welchem die TextBox liegt?
    Ich könnte mir vorstellen, dass ich evtl. (irgendwann mal) zwei unterschiedliche DataContext haben müsste. (Wegen der Übersichtlichkeit)

    Edit: So geht's schon mal nicht:

    XML-Quellcode

    1. <Grid DataContext="Update:UpdateProperties}">
    2. <TextBox Height="23" HorizontalAlignment="Left" Margin="10,10,0,0" Name="TextBox1" VerticalAlignment="Top" Width="120" Text="{Binding StatusLabel1}"/>
    3. </Grid>

    Ja - das ist das Konzept von DataContext in Wpf - prinzipiell ist das vorgesehen - nur mit der richtigen Syntax halt.

    Aber ich mag dir jetzt nicht jedes einzelne Konzept individuell erläutern. Lies ein gutes Buch, lies MVVM–Pattern (Josh Smiths Artikel)
    geh nach Wpf lernen vor, (probier meine Tuts durch ;))

Facebook
Telefonspende