Xamarin表单:从DataTemplate调用ViewModel的命令

时间:2019-06-26 01:53:37

标签: xamarin xamarin.forms binding datatemplate

我在这里遇到约束问题。

我在控件模板中创建了可绑定的布局:

<ContentView x:Name="SettingsMenu" ControlTemplate="{StaticResource HeaderTemplate}" AbsoluteLayout.LayoutBounds="0.5,0.5,1,1" 
AbsoluteLayout.LayoutFlags="All">               
    <ScrollView Orientation="Vertical" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">                   
        <StackLayout x:Name="SettingsStack" BindableLayout.ItemsSource="{Binding Settings}" BindableLayout.ItemTemplateSelector="{StaticResource SettingsSelectorTemplate}" Orientation="Vertical" Spacing="0" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" />           
    </ScrollView>        
</ContentView>

我想做的是在视图模型中调用一个命令。调用位于项目模板选择器内部,作为App.xml中的资源字典

<ResourceDictionary>
    <DataTemplate x:Key="PlaceholderSettingsTemplate">
        ### SOME STUFF
     </DataTemplate>
     <DataTemplate x:Key="HeaderSettingsTemplate">
             ### SOME STUFF
         <Grid ...>
             <Grid.GestureRecognizers>
                 <TapGestureRecognizer Tapped="ButtonClick" Command="{Binding BindingContext.SettingsTap, Source={x:Reference SettingsPage}}" CommandParameter="{Binding}" />  ########## <--------- WHAT TO USE FOR SOURCE?
             </Grid.GestureRecognizers>
         </Grid>
     </DataTemplate>
     <data:SettingsSelector x:Key="SettingsSelectorTemplate" Placeholder="{StaticResource PlaceholderSettingsTemplate}" Heading="{StaticResource HeaderSettingsTemplate}" Content="{StaticResource ContentSettingsTemplate}" />
</ResourceDictionary>

在将其移动到App.xml文件中的资源字典中之前,我仅使用了父Contentview的x:Name。但是:我无法再按名称引用它了,因为我将其移至App.xml中的资源字典中。

现在,答案可能很简单,但我只是找不到解决方法。

感谢您的帮助。

亲切的问候

2 个答案:

答案 0 :(得分:1)

您可以使用包装所有内容的数据模板的Grid找到SettingsStack StackLayout。由于SettingsStack与父内容视图具有相同的绑定上下文,因此您可以在App.cs中访问绑定上下文,例如:

<DataTemplate x:Key="HeaderSettingsTemplate">
    <!--### SOME STUFF-->
    <Grid x:Name="ParentGrid">
        <Grid.GestureRecognizers>
            <TapGestureRecognizer Command="{Binding Parent.BindingContext.SettingsTap, Source={x:Reference ParentGrid}}" CommandParameter="{Binding}" />
        </Grid.GestureRecognizers>
    </Grid>
</DataTemplate>

ParentGrid的父级是您当前页面上的SettingsStack

答案 1 :(得分:0)

从项目模板(即使它位于不同的文件中),也可以使用以下命令访问其祖先的视图模型:

Command="{Binding Source={RelativeSource AncestorType={x:Type SettingsViewModel}}, Path=SettingsTap}" CommandParameter="{Binding}"

在这种情况下,我仅假设祖先的视图模型的名称为 SettingsViewModel ,但您明白了。

这是一篇有关相对绑定的有趣文章,还介绍了其他情况:https://docs.microsoft.com/en-us/xamarin/xamarin-forms/app-fundamentals/data-binding/relative-bindings#bind-to-an-ancestor

干杯。