我如何控制列表视图项目详细信息?

奇卡利斯

我有 2 页有自己的列表视图。我需要将第一个列表视图项的所有详细信息添加到另一个列表视图中。感谢您对我模糊的问题的任何帮助。

public async void OnTapped(object sender, ItemTappedEventArgs e)
{
    await Navigation.PushAsync(new TeamPage());
}

因此,当一个项目被点击时,它会切换到另一个页面,但希望将所选项目添加到 TeamPage 列表视图中。项目的所有细节都绑定到一个 IList。

Cherry Bu - MSFT

根据你的描述,你想点击ListView Item,然后导航到另一个页面,在这个页面listview中显示被点击的项目,对吗?如果是,我做了一个样本,你可以看看:

第 1 页:

   <StackLayout>
        <ListView ItemsSource="{Binding model3s}" ItemTapped="ListView_ItemTapped">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <ViewCell>
                        <StackLayout Orientation="Horizontal">
                            <Label Text="{Binding Id}" />
                            <Label Text="{Binding FirstName}" />
                            <Label Text="{Binding LastName}" />
                        </StackLayout>
                    </ViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
    </StackLayout>

public partial class Page11 : ContentPage
{

    public ObservableCollection<model3> model3s { get; set; }
    public Page11 ()
    {
        InitializeComponent ();
        model3s = new ObservableCollection<model3>()
        {
            new model3(){Id=1,FirstName="Cherry",LastName="Bu",Description="Age is 28, class is A"},
            new model3(){Id=2,FirstName="Barry",LastName="Bu",Description="Age is 32, class is B"},
            new model3(){Id=3,FirstName="Wendy",LastName="Bu",Description="Age is 25, class is C"},
            new model3(){Id=4,FirstName="Stnfan",LastName="Bu",Description="Age is 27, class is A"},
            new model3(){Id=5,FirstName="Annie",LastName="Bu",Description="Age is 28, class is B"},
            new model3(){Id=6,FirstName="Mattew",LastName="Bu",Description="Age is 25, class is C"},
            new model3(){Id=7,FirstName="Amy",LastName="Bu",Description="Age is 29, class is A"},
            new model3(){Id=8,FirstName="Elvis",LastName="Bu",Description="Age is 32, class is B"},
        };
        this.BindingContext = this;
    }

    private async void ListView_ItemTapped(object sender, ItemTappedEventArgs e)
    {
        var content = e.Item as model3;
        await Navigation.PushModalAsync(new Page12(content));
    }
}

public class model3
{
    public int Id { get; set; }
    public string FirstName { get; set; }
    public string LastName { get; set; }

    public string Description { get; set; }
}

第2页:

<StackLayout>
        <ListView x:Name="listview1" ItemsSource="{Binding collection}">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <ViewCell>
                        <StackLayout Orientation="Horizontal">
                            <Label Text="{Binding FirstName}" />
                            <Label Text="{Binding LastName}" />
                            <Label Text="{Binding Description}" />
                        </StackLayout>
                    </ViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
    </StackLayout>

public partial class Page12 : ContentPage
{
   public ObservableCollection<model3> collection { get; set; }

    public Page12 (model3 content)           
    {

        InitializeComponent ();
        collection = new ObservableCollection<model3>();
        collection.Add(content);


        this.BindingContext = this;
    }
}

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

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

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在“详细信息”视图中启动JFileChooser?

Firebase控制台视图捆绑详细信息值

Django Rest Framework列表和详细信息视图重叠

将项目数据绑定到详细信息视图

如何在Jenkinfile中获取项目类型详细信息?

如何在列表视图的特定列中添加详细信息

如何阻止CucumberRunner在控制台中打印详细信息

如何获取数组列表中项目的索引并浏览详细信息页面ionic 4

如何使用QML从列表视图页面获取单个项目详细信息页面?

SwiftUI导航:如何将详细信息视图切换到其他项目?

在UIPageViewController中呈现的列表视图控制器上推送详细信息视图控制器

如何从下拉列表中获取所选项目并将其提交到“详细信息”视图?

如何将详细信息模型从控制器传递到视图

如何将字幕从uitableview推送到详细信息视图控制器

角度,项目详细信息

如何将Mapkit坐标从视图控制器(mapView)传递到详细信息控制器(mapView)

使用“显示详细信息” segue替换溢出的视图控制器中的详细信息视图控制器

如何从表视图控制器转到详细信息控制器然后返回

在单击列表视图的项目之前,如何通过获取输入到数据库的详细信息来显示详细信息视图

列表视图的详细信息视图

在拆分视图控制器中使用多个详细信息视图控制器

如何从我的Web服务向回收者视图显示详细信息

如何从列表视图显示详细信息项

UILocalNotification打开特定项目的详细信息视图控制器

如何控制OData错误详细信息的存在

如何更改管理员详细信息视图?

如何使用 React Router DOM 创建列表和详细信息视图?

当按下列表组中的项目时,我想显示有关单击项目的更多详细信息

如何使用 JetPack Compose 在 LazyColumn 项目中单击导航到详细信息视图?