WPF - Bind button text to property

Hi,

i have datagrid with buttons (for cancel, update etc.) on each row and a button template corresponding to each button. The grid is bound to an observable collection containing order objects. The pause buttons content (text) is bound to a string propery in the order object and the content is supposed to change when the propery change.

How do i properly bind the content on the button to the string property?

button template:

            <Style x:Key="PauseButtonTemplate" TargetType="{x:Type igDP:CellValuePresenter}">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type igDP:CellValuePresenter}">
                            <Button Name="PauseButton" Content="{Binding AlgoStatusButtonText, Mode=TwoWay}" Command="{Binding Path=DataContext.AlgoStatusButtonCommand, ElementName=xamDPTimeJeeves}"
                                    CommandParameter="{Binding}" Width="80" Height="20"></Button>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

Datagrid:

        <igDP:XamDataPresenter
                x:Name="xamDPTimeJeeves"  
               Theme="Royale" DataSource="{Binding TimeOrders}" MaxHeight="400" Width="874">

            <igDP:XamDataPresenter.FieldLayouts>
                <igDP:FieldLayout Key="ParentLayout">
                    <igDP:FieldLayout.Fields>
                        <igDP:UnboundField Name="PauseOrder" Label="Pause Order" Column="0">
                            <igDP:UnboundField.Settings>
                                <igDP:FieldSettings CellValuePresenterStyle="{StaticResource PauseButtonTemplate}" CellHeight="12" CellWidth="50">
                                </igDP:FieldSettings>
                            </igDP:UnboundField.Settings>
                        </igDP:UnboundField>


Corresponding viewmodel:

        void AlgoStatusButtonCommandExecute(DataRecord dataRecord)
        {
            if ((EAlgoStatusButtonText)dataRecord.Cells["AlgoStatusButtonText"].Value == EAlgoStatusButtonText.Stop)
            {
                _algoConnection.Stop(Convert.ToInt32(dataRecord.Cells["InternalId"].Value));
                var order = (from o in TimeOrders where o.InternalId == Convert.ToInt32(dataRecord.Cells["InternalId"].Value) select o).ToList()[0];
                TimeOrders[TimeOrders.IndexOf(order)].AlgoStatusButtonText = EAlgoStatusButtonText.Restart;
                base.OnPropertyChanged("TimeOrders");
            }



Regards
//Robert

lynxSEAsked:
Who is Participating?
 
lynxSEAuthor Commented:
The solution was:
            <Style x:Key="PauseButtonTemplate" TargetType="{x:Type igDP:CellValuePresenter}">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type igDP:CellValuePresenter}">
                            <Button Name="PauseButton" Content="{TemplateBinding Value}" Command="{Binding Path=DataContext.AlgoStatusButtonCommand, ElementName=xamDPTimeJeeves}"
                                    CommandParameter="{Binding}" Width="80" Height="20"></Button>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

Datagrid:

        <igDP:XamDataPresenter
                x:Name="xamDPTimeJeeves"  
               Theme="Royale" DataSource="{Binding TimeOrders}" MaxHeight="400" Width="874">

            <igDP:XamDataPresenter.FieldLayouts>
                <igDP:FieldLayout Key="ParentLayout">
                    <igDP:FieldLayout.Fields>
                        <igDP:UnboundField Name="PauseOrder" BindingPath="AlgoStatusButtonText"  Label="Pause Order" Column="0">
                            <igDP:UnboundField.Settings>
                                <igDP:FieldSettings CellValuePresenterStyle="{StaticResource PauseButtonTemplate}" CellHeight="12" CellWidth="50">
                                </igDP:FieldSettings>
                            </igDP:UnboundField.Settings>
                        </igDP:UnboundField>

0
 
Snarf0001Commented:
I'm assuming you don't need a basic tutorial, since you already have it bound, its just not updating.

Can you post some of the code for the TimeOrders?  I'm assuming this is a collection of TimeOrder objects?
The AlgoStatusButtonText  property in particular, does the class implement INotifyPropertyChanged, and if so, does the AlgoStatusButtonText  property send out the proper notification?
Most of the time, when bindings aren't updating properly, it's because the bound target isn't actually receiving any notification that the source property has updated.
0
Cloud Class® Course: Certified Penetration Testing

This CPTE Certified Penetration Testing Engineer course covers everything you need to know about becoming a Certified Penetration Testing Engineer. Career Path: Professional roles include Ethical Hackers, Security Consultants, System Administrators, and Chief Security Officers.

 
lynxSEAuthor Commented:
I have a object named clientorder with a property called AlgoStatusButtonText:

   public class ClientOrder : IOrder
    {
        public ClientOrder()
        {
        }
         
         public EAlgoStatusButtonText AlgoStatusButtonText{get; set; }
         }

That object is "wrapped" in a viewmodel called ClientOrderViewModel which implements ViewModelBase which in turn implements INotifyPropertyChanged.

    public class ClientOrderViewModel : ViewModelBase
    {
        private ClientOrder _clientOrder;

        public ClientOrderViewModel()
        {
            _clientOrder = new ClientOrder();
            AlgoStatusButtonText = EAlgoStatusButtonText.Stop;
        }

        public EAlgoStatusButtonText AlgoStatusButtonText
        {
            get { return _clientOrder.AlgoStatusButtonText; }
            set
            {
                _clientOrder.AlgoStatusButtonText = value;
                OnPropertyChanged("AlgoStatusButtonText");
            }
           
        }
       
It works if i put a propery in the viewmodel containing the ObservableCollection but not if i put the property in the ClientOrderObject.

Sorry if it seems messy, not sure if i implemented the MVVM pattern correctly.

TimeJeevesView -> TimeJeevesViewModel (with observable collection) -> ClientOrderViewModel (that wraps the object, with OnProperyChanged Method ) -> ClientOrderModel (object)

Regards
Robert
0
 
Snarf0001Commented:
Odd, don't really see anything that should be messing that up...

Can you try putting a breakpoint in the AlgoStatusButtonText property in the viewmodel, and verify that it is actually being hit?

A couple other things... though I don't know where all you're using it, I'd suspect you don't really need a two-way binding on the Button's content property.  TwoWays are typically used for input control to push changed values back to the source.  It's not expected that you'd be changing the buttons text manually.

I personally am not a big fan of Infragistics and telerik and the control companies.  Though taking nothing away from them (beautiful controls that ease a lot of dev work), a gigantic portion of the postings I see here and on other sites end up being due to unforseen glitches in their controls.  A little suspicious that it's something like that.
0
 
lynxSEAuthor Commented:
Ok, i will try to contact Infragistics to see if they have any pointers.

I will leave this question open in the mean time.

You are absolutely right about the two-way binding.

Thank you for your help so far.

Regards
Robert
0
 
lynxSEAuthor Commented:
Infragistics support team provided me with this solution.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.