简体   繁体   中英

C#: Button binding in WPF MVVM

So i have a view with an ItemsControl which is bound to some ObservableCollection. In the DataTemplate i need two buttons. When i try to bind these buttons to where i have defined them, and i start the application, nothing happens on button click.

The view:

<UserControl x:Class="GraphicalUserInterface.Views._2_ToDoList.ToDoListMainView"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         xmlns:local="clr-namespace:GraphicalUserInterface.Views._2_ToDoList"
         mc:Ignorable="d" 
         d:DesignHeight="300" d:DesignWidth="600"
         DataContext="{Binding Source={StaticResource Locator}, Path=ToDoListMain}">
<Grid>
    <ItemsControl Margin="5" ItemsSource="{Binding ListEntries}">
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <Border CornerRadius="5" BorderThickness="2" BorderBrush="Black" Height="50" Margin="5">
                    <StackPanel Orientation="Horizontal" Margin="0,5">
                        <Label FontWeight="Bold">Customer:</Label>
                        <Label Content="{Binding Customer}" Margin="0,0,20,0"/>
                        <Label FontWeight="Bold">Trainer:</Label>
                        <Label Content="{Binding Trainer}" Margin="0,0,20,0"/>
                        <Label FontWeight="Bold">Date:</Label>
                        <Label Content="{Binding Date}" Margin="0,0,20,0"/>
                        <Label FontWeight="Bold">RequestType:</Label>
                        <Label Content="{Binding RequestType}" Margin="0,0,20,0"/>
                        <Button Margin="5" Width="100" CommandParameter="{Binding}" Command="{Binding Path=DataContext.ContactBtnClickCommand, RelativeSource= {RelativeSource FindAncestor,AncestorType={x:Type ItemsControl}}}">Contact</Button>
                        <Button Margin="5" Width="100" CommandParameter="{Binding}" Command="{Binding DataContext.AcceptBtnClickCommand, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ItemsControl}}}">Accept</Button>
                    </StackPanel>
                </Border>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>
</Grid>

The class:

public class ToDoListMainVM : ViewModelBase
{
    private ObservableCollection<ToDoVM> listEntries;
    public ObservableCollection<ToDoVM> ListEntries
    {
        get { return listEntries; }
        set
        {
            listEntries = value;
            RaisePropertyChanged();
        }
    }

    SelectHandler selectHandler = new SelectHandler();
    InsertHandler insertHandler = new InsertHandler();
    DeleteHandler deleteHandler = new DeleteHandler();

    NavigationService navService = new NavigationService();

    public RelayCommand<ToDoVM> AcceptBtnClickCommand;
    public RelayCommand<ToDoVM> ContactBtnClickCommand;

    public ToDoListMainVM()
    {
        UpdateToDoList();

        AcceptBtnClickCommand = new RelayCommand<ToDoVM>((p) =>
        {
            //Enter into database
            insertHandler.InsertAppointmentToDatabase(new AppointmentVM()
            {
                Customer = p.Customer,
                Date = p.Date,
                Trainer = p.Trainer
            });
            //Make it instantly visible in the Calender
            Messenger.Default.Send<NewAppointmentMessage>(new NewAppointmentMessage(p.Customer, p.Date));

            //Delete from ToDo (View)
            ListEntries.Remove(p);

            //Delete from Db
            deleteHandler.DeleteToDo(p);

            //Set view to Calender
            navService.NavigateTo("MyTrainingsMain");

        });

View Model:

public class ToDoVM
{
    public int ToDoVMID { get; set; }
    public string RequestType { get; set; }
    public DateTime Date { get; set; }
    public CustomerVM Customer { get; set; }
    public TrainerVM Trainer { get; set; }
}

The command properties need to be properties , with a getter. You can't bind to a field.

    public RelayCommand<ToDoVM> AcceptBtnClickCommand { get; private set; }
    public RelayCommand<ToDoVM> ContactBtnClickCommand  { get; private set; }

The rest of your code is fine. The bindings are correct. You could simplify them slightly, but they work perfectly just the way you wrote them.

Command="{Binding DataContext.ContactBtnClickCommand, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM