使用flyoutmenu将数据DB显示到列表视图(xamarin)

von4xj4u  于 2023-09-28  发布在  其他
关注(0)|答案(1)|浏览(147)

我正在用C# xamarin编写一个个人移动的应用程序，以便保存密码（例如：社交网络/邮件/游戏/在线购买等）。我有一个问题，显示数据库中的数据到列表视图，它总是空白的。我的目标是当我点击弹出页面上的菜单项时，只有来自菜单项的数据被推到列表视图上。menuitem中的对象（关于密码的类别）与我在数据库中的表匹配。
这里有一些图片来更好地理解The page after the login pageflyoutmenuitem
我知道一个flyoutpage有一个navigationPage方法，它用于进入一个新页面，但是是否可以在FlyoutPageDetail中执行所有操作，或者我需要创建新页面并在这些新页面中执行所有操作？
当我调试一步一步，我点击一个类别，我去好方法（Listview_ItemSelected（object sender，SelectedItemChangedEventArgs e）
这里我的代码关于我的不同页面DataDisplay C#

  1. `public partial class DataDisplay : FlyoutPage
  2. {
  3.    
  4.     public DataDisplay()
  5.     {
  6.         InitializeComponent();
  7.         FlyoutPage.ListView.ItemSelected += ListView_ItemSelected;
  9.     }
  11.     private void ListView_ItemSelected(object sender, SelectedItemChangedEventArgs e)
  12.     {
  13.         var selectedCategory = e.SelectedItem as DataDisplayFlyoutMenuItem;
  14.         if (selectedCategory == null)
  15.         {
  16.             return;
  17.         }
  18.         DataBase dbConnexion = new DataBase();
  19.         switch (selectedCategory.Title)
  20.         {
  21.             case "Administratif":
  22.                 var getDataAdmin = dbConnexion.GetAdministratifData();
  23.                 var result = getDataAdmin.Result;
  24.                 GetDataDB getDataDB = new GetDataDB();
  25.                 getDataDB.GetDataFromDB = new List<GetDataDB>();
  26.                 foreach (var data in result)
  27.                 {                        
  28.                     GetDataDB.GetDataFromDB.Add(new GetDataDB { Titre = data.Titre, Login = data.Login, Password = data.Password, Url = data.Url });                        
  29.                 }
  30.                                 
  31.                 break;
  33.             case "Ecommerce":
  35.                 break;
  37.             case "Jeux":
  39.                 break;
  41.             case "Mail":
  43.                 break;
  45.             case "Reseauxsociaux":
  47.                 break;
  48.         }
  49.         
  50.         IsPresented = false;
  51.         FlyoutPage.ListView.SelectedItem = null;
  52.     }        
  53. }`

DataDisplay XAML

  1. `<?xml version="1.0" encoding="utf-8" ?>
  2. <FlyoutPage xmlns="schemas.microsoft.com/dotnet/2021/maui"
  3.          xmlns:x="schemas.microsoft.com/winfx/2009/xaml"
  4.          x:Class="MemoDePasse.DataDisplay"
  5.          xmlns:pages="clr-namespace:MemoDePasse">
  6. <FlyoutPage.Flyout>
  7.     <pages:DataDisplayFlyout x:Name="FlyoutPage" />
  8. </FlyoutPage.Flyout>
  9.     <FlyoutPage.Detail>
  10.         <NavigationPage>
  11.             <x:Arguments>
  12.                 <pages:DataDisplayDetail />
  13.             </x:Arguments>
  14.         </NavigationPage>
  15. </FlyoutPage.Detail>
  16. </FlyoutPage>`

DataDisplayDetail C#

  1. `public partial class DataDisplayDetail : ContentPage
  2. {
  4.     public DataDisplayDetail()
  5.     {
  6.         InitializeComponent();
  7.         BindingContext = new GetDataDB();
  8.     }
  10.     public void BtnClickGoAddingDataPage(object sender, EventArgs e)
  11.     {
  12.         Navigation.PushModalAsync(new AddingDataPage());
  13.     }
  14. }`

DataDisplayDetail XAML

  1. `<?xml version="1.0" encoding="utf-8" ?>
  2. <ContentPage xmlns="schemas.microsoft.com/dotnet/2021/maui"
  3.          xmlns:x="schemas.microsoft.com/winfx/2009/xaml"
  4.          x:Class="MemoDePasse.DataDisplayDetail"
  5.          xmlns:local="clr-namespace:MemoDePasse"
  6.          x:DataType="local:GetDataDB"
  7.          Title="Catégories">
  9. <StackLayout>
  10.     <ListView 
  11.     x:Name="ListViewData"
  12.     SeparatorVisibility="Default"
  13.     SeparatorColor="Black"
  14.     ItemsSource="{Binding GetDataFromDB}">
  16.         <ListView.Header>
  17.             <Grid 
  18.             BackgroundColor="LightGray"
  19.             IsEnabled="True"
  20.             IsVisible="True">
  22.                 <Grid.ColumnDefinitions>
  23.                     <ColumnDefinition Width="*"/>
  24.                     <ColumnDefinition Width="*"/>
  25.                     <ColumnDefinition Width="*"/>
  26.                     <ColumnDefinition Width="*"/>
  27.                 </Grid.ColumnDefinitions>
  28.                 <Grid.RowDefinitions>
  29.                     <RowDefinition Height="*"/>
  30.                 </Grid.RowDefinitions>
  31.                 <Label
  32.                 Grid.Column="0"
  33.                 Text="Titre"
  34.                 FontAttributes="Bold"
  35.                 FontSize="Default"
  36.                 HorizontalTextAlignment="Center"
  37.                 VerticalTextAlignment="Center"/>
  39.                 <Label
  40.                 Grid.Column="1"
  41.                 Text="Login"
  42.                 FontAttributes="Bold"
  43.                 FontSize="Default"
  44.                 HorizontalTextAlignment="Center"
  45.                 VerticalTextAlignment="Center"/>
  47.                 <Label
  48.                 Grid.Column="2"
  49.                 Text="Mot de passe"
  50.                 FontAttributes="Bold"
  51.                 FontSize="Default"
  52.                 HorizontalTextAlignment="Center"
  53.                 VerticalTextAlignment="Center"/>
  55.                 <Label
  56.                 Grid.Column="3"
  57.                 Text="URL"
  58.                 FontAttributes="Bold"
  59.                 FontSize="Default"
  60.                 HorizontalTextAlignment="Center"
  61.                 VerticalTextAlignment="Center"/>
  62.             </Grid>
  63.         </ListView.Header>
  64.         <ListView.ItemTemplate>
  65.             <DataTemplate>
  66.                 <ViewCell>
  67.                     <Grid>
  68.                         <Grid.ColumnDefinitions>
  69.                             <ColumnDefinition Width="*"/>
  70.                             <ColumnDefinition Width="*"/>
  71.                             <ColumnDefinition Width="*"/>
  72.                             <ColumnDefinition Width="*"/>
  73.                         </Grid.ColumnDefinitions>
  74.                         <Grid.RowDefinitions>
  75.                             <RowDefinition Height="*"/>
  76.                         </Grid.RowDefinitions>
  77.                         <Label Grid.Column="0" Text="{Binding Titre}"/>
  78.                         <Label Grid.Column="1" Text="{Binding Login}"/>
  79.                         <Label Grid.Column="2" Text="{Binding Password}"/>
  80.                         <Label Grid.Column="3" Text="{Binding Url}"/>
  81.                     </Grid>
  82.                 </ViewCell>
  83.             </DataTemplate>
  84.         </ListView.ItemTemplate>
  85.     </ListView>
  86.     <Grid VerticalOptions="End">
  87.         <Grid.ColumnDefinitions>
  88.             <ColumnDefinition Width="*"/>
  89.             <ColumnDefinition Width="*"/>
  90.             <ColumnDefinition Width="*"/>
  91.         </Grid.ColumnDefinitions>
  92.         <Button
  93.         x:Name="Add"
  94.         Grid.Column="0"
  95.         Text="Ajouter"
  96.         BackgroundColor="Green"
  97.         Clicked="BtnClickGoAddingDataPage"/>
  99.         <Button
  100.         x:Name="Update"
  101.         Grid.Column="1"
  102.         Text="Modifier"
  103.         BackgroundColor="BlueViolet"/>
  105.         <Button
  106.         x:Name="Delete"
  107.         Grid.Column="2"
  108.         Text="Supprimer"
  109.         BackgroundColor="Red"/>
  110.     </Grid>
  111. </StackLayout>
  112. </ContentPage>`

DataDisplayFlyout C#

  1. `public partial class DataDisplayFlyout : ContentPage
  2. {
  3.     public ListView ListView;
  5.     public DataDisplayFlyout()
  6.     {
  7.         InitializeComponent();
  9.         BindingContext = new FlyoutPage1FlyoutViewModel();
  10.         ListView = MenuItemsListView;
  11.     }
  13.     class FlyoutPage1FlyoutViewModel : INotifyPropertyChanged
  14.     {
  15.         public ObservableCollection<DataDisplayFlyoutMenuItem> MenuItems { get; set; }
  16.         
  17.         public FlyoutPage1FlyoutViewModel()
  18.         {
  19.             MenuItems = new ObservableCollection<DataDisplayFlyoutMenuItem>(new[]
  20.             {
  21.                 new DataDisplayFlyoutMenuItem { Id = 0, Title = "Administratif" },
  22.                 new DataDisplayFlyoutMenuItem { Id = 1, Title = "Ecommerce" },
  23.                 new DataDisplayFlyoutMenuItem { Id = 2, Title = "Jeux" },
  24.                 new DataDisplayFlyoutMenuItem { Id = 3, Title = "Mail" },
  25.                 new DataDisplayFlyoutMenuItem { Id = 4, Title = "Reseauxsociaux" },
  26.             });
  27.         }            
  28.         #region INotifyPropertyChanged Implementation
  29.         public event PropertyChangedEventHandler PropertyChanged;
  30.         void OnPropertyChanged([CallerMemberName] string propertyName = "")
  31.         {
  32.             if (PropertyChanged == null)
  33.                 return;
  35.             PropertyChanged.Invoke(this, new PropertyChangedEventArgs(propertyName));
  36.         }
  37.         #endregion
  38.     }
  39. }`

DataDisplayFlyout XAML

  1. `<?xml version="1.0" encoding="utf-8" ?>
  2. <ContentPage xmlns="schemas.microsoft.com/dotnet/2021/maui"
  3.          xmlns:x="schemas.microsoft.com/winfx/2009/xaml"
  4.          x:Class="MemoDePasse.DataDisplayFlyout"
  5.          Title="Flyout">
  6. <StackLayout>
  7. <ListView x:Name="MenuItemsListView" SeparatorVisibility="None" HasUnevenRows="true" ItemsSource="{Binding MenuItems}">
  8.   <ListView.Header>
  9.     <Grid BackgroundColor="#03A9F4">
  10.       <Grid.ColumnDefinitions>
  11.         <ColumnDefinition Width="10"/>
  12.         <ColumnDefinition Width="*"/>
  13.         <ColumnDefinition Width="10"/>
  14.       </Grid.ColumnDefinitions>
  15.       <Grid.RowDefinitions>
  16.         <RowDefinition Height="30"/>
  17.         <RowDefinition Height="80"/>
  18.         <RowDefinition Height="Auto"/>
  19.         <RowDefinition Height="10"/>
  20.       </Grid.RowDefinitions>
  21.       <Label Grid.Column="1" Grid.Row="1" Text="Catégories" Style="{DynamicResource SubtitleStyle}"/>
  22.     </Grid>
  23.   </ListView.Header>
  24.   <ListView.ItemTemplate>
  25.     <DataTemplate>
  26.       <ViewCell>
  27.         <StackLayout Padding="15,10" HorizontalOptions="FillAndExpand">
  28.           <Label VerticalOptions="FillAndExpand" VerticalTextAlignment="Center" Text="{Binding Title}" FontSize="15"/>
  29.         </StackLayout>
  30.       </ViewCell>
  31.     </DataTemplate>
  32.   </ListView.ItemTemplate>
  33. </ListView>
  34. </StackLayout>
  35. </ContentPage>`

GetDataDB C#（这是我的listview的绑定源，带有GetDataFromDB属性）

  1. `public class GetDataDB
  2. {
  3.     public string Titre { get; set; }
  4.     public string Login { get; set; }
  5.     public string Password { get; set; }
  6.     public string Url { get; set; }
  7.     public IList<GetDataDB> GetDataFromDB { get; set; }
  8.     public GetDataDB()
  9.     {
  10.         
  11.     }
  12. }`

如果你想要更多的细节，请告诉我。
我先谢谢你。最好的问候。

xamarin

1条答案

按热度按时间
ylamdve6

ylamdve61#

我解决了这个问题，但以不同的方式。

赞(0）分享  回复(0）举报  2023-09-28
我来回答

相关问题

    查看更多

    热门标签

    更多
    JavaquerypythonNode开发语言requestUtil数据库Table后端算法LoggerMessageElementParser

    最新问答

    更多
    • 蜀ICP备13028337号-1 大数据知识库 https://www.saoniuhuo.com © All rights reserved
    • 本站内容来源互联网,如果侵犯您的权益请联系我们删除, 联系方式：448109455@qq.com