如何在 BindableLayout 中绑定到 MasterPage 视图模型

reza 发表于 Dev

雷萨

我正在尝试将我的 Command 属性绑定到我的 MasterDetailPage 视图模型中的 Command。我尝试为母版页定义 name 属性并将其设置为参考源，但它似乎没有绑定到视图模型。对于上下文，List MenuItems 是同一 Viewmodel 中的一个属性，并且 Title 绑定得很好。我相信我没有正确设置命令的源，但不确定如何修复它。另外，我正在使用 Prism，因此视图模型已经映射到 app.xaml 中。

<MasterDetailPage
x:Class="MasterDetailPrism.Views.MainPage"
xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:prism="http://prismlibrary.com"
prism:ViewModelLocator.AutowireViewModel="True"
x:Name="menuMasterPage">

<MasterDetailPage.Master>

    <ContentPage Title="Menu">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="225" />
                <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>


            <StackLayout Grid.Row="0" BackgroundColor="Aqua" />

            <StackLayout Grid.Row="1" BindableLayout.ItemsSource="{Binding MenuItems}">
                <BindableLayout.ItemTemplate>
                    <DataTemplate>
                        <StackLayout>
                            <Button
                                Command="{Binding NavigateAsync, Source={x:Reference menuMasterPage}}"
                                CommandParameter="{Binding NavPath}"
                                Text="{Binding Title}" />
                        </StackLayout>
                    </DataTemplate>
                </BindableLayout.ItemTemplate>
            </StackLayout>
        </Grid>

    </ContentPage>
</MasterDetailPage.Master>

雷萨

我能够弄清楚 - 我必须命名 StackLayout，然后绑定到它的根作为源，而不是 contentpage 或 masterpage。在下面的代码中，ItemsList.

        <StackLayout Grid.Row="1" BindableLayout.ItemsSource="{Binding MenuItems}" x:Name="ItemsList">
            <BindableLayout.ItemTemplate>
                <DataTemplate>
                    <StackLayout>
                        <Button
                            Command="{Binding BindingContext.NavigateAsync, Source={x:Reference ItemsList}}"
                            CommandParameter="{Binding NavPath}"
                            Text="{Binding Title}" />
                    </StackLayout>
                </DataTemplate>
            </BindableLayout.ItemTemplate>
        </StackLayout>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。