Windows Phone-自定义控制如何将事件传播到ViewModel

本文关键字：事件 传播 ViewModel Phone- 自定义 控制 Windows | 更新日期: 2023-09-27 18:27:38

我正在为菜单创建自定义控件，并且我的控件中有ListBox。类似这样的东西：

<ListBox x:Name="MenuItemsList"
         Grid.Row="1"
         ItemsSource="{Binding ProgramList, Mode=OneWay}">
         <ListBox.ItemTemplate>
             <DataTemplate>
                 <StackPanel Margin="10">
                       <TextBlock Text="{Binding Title}" />
                  </StackPanel>
             </DataTemplate>
         </ListBox.ItemTemplate>
 </ListBox>

现在，当我想捕捉Tap事件时，从类中获取属性并保留MVVM模型。如何在MainPage.xaml.cs或MainViewModel中捕捉到这一点？

我的MainPage.xaml:中有这段代码

<controls:BottomMenu x:Name="BottomMenu" Canvas.Top="{Binding MenuCanvasTop}"
                             Width="480" Height="400">
</controls:BottomMenu>

我在MainViewModel:中准备了这段代码

public RelayCommand<string> GoToSectionCommand
        {
            get
            {
                return goToArticleCommand
                    ?? (goToArticleCommand = new RelayCommand<string>(
                         NavigateToSection));
            }
        }

但我不知道该怎么称呼它。最好的方法是什么？

编辑：我尝试扩展列表框：

 <ListBox x:Name="MenuItemsList"
                                     Grid.Row="1"
                                     ItemsSource="{Binding ProgramList, Mode=OneWay}">
                                <ListBox.ItemTemplate>
                                    <DataTemplate>
                                        <StackPanel Margin="10">
                                            <Button Content="{Binding Title}" 
                                                    Command="{Binding ListButtonClickCommand, Source={RelativeSource Self}}"
                                                    CommandParameter="{Binding Url}"/>
                                        </StackPanel>
                                    </DataTemplate>
                                </ListBox.ItemTemplate>
                            </ListBox>

后面有代码：

    public ICommand ListButtonClickCommand
    {
        get { return (ICommand)GetValue(ListButtonClickCommandProperty); }
        set { SetValue(ListButtonClickCommandProperty, value); }
    }
    public static readonly DependencyProperty ListButtonClickCommandProperty =
            DependencyProperty.Register("ListButtonClickCommand", typeof(ICommand), typeof(BottomMenu), new PropertyMetadata(null)); 
    public BottomMenu()
    {
        InitializeComponent();
    }

然后在MainPage.xaml:中

    <controls:BottomMenu x:Name="BottomMenu" Canvas.Top="{Binding MenuCanvasTop}"
                         Width="480" Height="400"
                         ListButtonClickCommand="{Binding MenuItemButtonCommand}">
    </controls:BottomMenu>

在MainViewModel中：

    private ICommand menuItemButtonCommand;
    public ICommand MenuItemButtonCommand
    {
        get
        {
            return menuItemButtonCommand
                ?? (menuItemButtonCommand = new RelayCommand(
                     NavigateToArticleSection));
        }
    }

现在运气不好。它不起作用。RelayCommand未被触发。

第2版我想问题出在自定义控件中的绑定命令上，但我不知道如何解决它。

Windows Phone-自定义控制如何将事件传播到ViewModel

您只需要绑定到UserControl——使用"RelativeSource Self"将绑定到Button，这不是您想要的。您应该能够使用"ElementName"绑定来定位用户控件：

<UserControl x:Name="UserControlName" ... >
    ...
        <Button Content="{Binding Title}" 
                Command="{Binding ElementName=UserControlName,Path=ListButtonClickCommand}"
                CommandParameter="{Binding Url}"/>
    ...
</UserControl>
相关文章：