我如何从BindableLayout ItemsSource onclick事件中获取所有数据

Question

[我试图使用Xamarin表单创建销售应用程序，但是在将产品添加到购物车中使用堆叠，并且正在使用BindableLayout ItemsSource来水平填充我的列表，所以请帮助

<StackLayout   BindableLayout.ItemsSource="{Binding NafakaList}" Orientation="Horizontal" Spacing="20" VerticalOptions="Start">
                            <BindableLayout.ItemTemplate>
                                <DataTemplate x:Name="nafakaStackLayout">
                                    <StackLayout VerticalOptions="Start">
                                        <Frame Padding="0" HasShadow="False"  HorizontalOptions="Start" VerticalOptions="Start" CornerRadius="10" HeightRequest="150" WidthRequest="150">
<Image Source="{Binding Image}" Aspect="Fill" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"/>
 </Frame>
<StackLayout Orientation="Horizontal" HorizontalOptions="FillAndExpand">
<StackLayout>
<Label Text="{Binding Name}" TextColor="Black" FontSize="15" x:Name="nameView"/>
<Label Text="{Binding Price}" x:Name="Price" Margin="0,-7,0,0" TextColor="#62153B" FontSize="12" FontFamily="{StaticResource BoldFont}"/>
                                            </StackLayout>
<StackLayout Orientation="Horizontal" Margin="0" VerticalOptions="EndAndExpand" >

这是我用来传递数据的按钮

    <Button Command="{Binding .}" BackgroundColor="White"  CommandParameter="{Binding Product}" 
HeightRequest="35" FontSize="Small" Text="Add to Cart" x:Name="cartAdd" Clicked="cartAdd_Clicked"></Button>

//

                                        </StackLayout>
                                    </StackLayout>
                            </DataTemplate>
                            </BindableLayout.ItemTemplate>
                        </StackLayout>

这是我的列表和按钮单击事件

public void cartAdd_Clicked(object sender, EventArgs e)
    {

        Object commandParameter =  ((Button)sender).CommandParameter;

         pr = (Product)NafakaList.GetItem(1);

        DisplayAlert(pr.Name, "test", "Ok");



    }

列表

 public List<Product> NafakaList { get => GetProduct(); }

 private List<Product> GetProduct(string name)
        {
            var products = new List<Product>();

                products.Add(new Product {ID= 1, Image = "https://images.unsplash.com/photo-1568347355280-d33fdf77d42a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=752&q=80", Name = "Mchele", Price = "2500 tsh" });
                products.Add(new Product { ID = 2, Image = "https://images.unsplash.com/photo-1574323347407-f5e1ad6d020b?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=680&q=80", Name = "Ngano", Price = "1600 tsh" }); ;
                products.Add(new Product { ID = 3, Image = "https://images.unsplash.com/photo-1579705745811-a32bef7856a3?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=750&q=80", Name = "Maharage", Price = "1500 tsh" });
                products.Add(new Product { ID = 4, Image = "https://images.unsplash.com/photo-1560705185-d0291220a442?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=667&q=80", Name = "Kunde", Price = "1000 tsh" });

退货；}

Answer 1

您不需要绑定Command或CommandParameter

<Button Clicked="cartAdd_Clicked" ... />