WPF button property binding to code

Question

1.00/5 (1 vote)

See more:

Hello all,

I am trying to bind ribbon buttons property IsEnabled to code property so I can make it available or not to the user depending on a certain situation.

I don`t know what I am doing wrong and I can`t figure it out

Currently I have the following code.

The class ViewModel for the property and the event

VB

Public Class ViewModel

    Implements INotifyPropertyChanged



    Private _btnStart As Boolean
    


    Public Property btnStartVM() As Boolean
        Get
            Return _btnStart
        End Get
        Set(ByVal value As Boolean)
            _btnStart = value
            NotifyPropertyChanged("btnStart")
        End Set
    End Property



    Public Event PropertyChanged As PropertyChangedEventHandler _
    Implements INotifyPropertyChanged.PropertyChanged

    Public Sub NotifyPropertyChanged(ByVal propertyName As String)
        RaiseEvent PropertyChanged(Me, New PropertyChangedEventArgs(propertyName))
    End Sub
End Class

Button declaration on the xaml

HTML

<RibbonButton x:Name="btnStart" Style="{StaticResource btnTriggers}"  SmallImageSource="Images/start.ico" Label="Start"/>

and the Style

HTML

<Style x:Key="btnTriggers" TargetType="{x:Type RibbonButton}">
        <Style.Triggers>
               <DataTrigger Binding="{Binding Path=btnStartVM , ElementName=btnStart}" Value="True">
                   <Setter Property="IsEnabled" Value="True"/>
               </DataTrigger>
               <DataTrigger Binding="{Binding Path=btnStartVM, ElementName=btnStart}" Value="False">
                   <Setter Property="IsEnabled" Value="False"/>
               </DataTrigger>
           </Style.Triggers>
       </Style>

VB

Public Sub Window_Loaded(ByVal sender As System.Object, ByVal e As RoutedEventArgs) Handles MyBase.Loaded
        InitializeComponent()
        DataContext = New ViewModel()

        DataContext.btnStartVM = True
End Sub

The

VB

DataContext.btnStartVM = True

does the job and it triggers the NotifyPropertyChanged but it dosen`t reflect back to the UI.

Cheers :)

Posted 19-May-15 0:00am

cornelionut

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Richard Deeming · Accepted Answer · 2015-05-19T03:49:00

cornelionut wrote:

Binding="{Binding Path=btnStartVM , ElementName=btnStart}"

That tells the trigger to bind to a property called btnStartVM directly on the element called btnStart. Since btnStart is a RibbonButton, it doesn't have a property called btnStartVM.

Try removing the ElementName from your bindings:

XML

<Style x:Key="btnTriggers" TargetType="{x:Type RibbonButton}">
    <Style.Triggers>
        <DataTrigger Binding="{Binding Path=btnStartVM}" Value="True">
            <Setter Property="IsEnabled" Value="True"/>
        </DataTrigger>
        <DataTrigger Binding="{Binding Path=btnStartVM}" Value="False">
            <Setter Property="IsEnabled" Value="False"/>
        </DataTrigger>
    </Style.Triggers>
</Style>