tfoman/MauiCourse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Listviews of Products and users

Browse Source
This commit is contained in:
Tommy Öman
2025-08-21 17:18:35 +02:00
parent 1649eaa992
commit 543b9c2aaf
13 changed files with 358 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
AdventureWorks.MAUI/Views/ProductListView.xaml Normal file
View File

@ -0,0 +1,49 @@
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="AdventureWorks.MAUI.Views.ProductListView"
xmlns:partial="clr-namespace:AdventureWorks.MAUI.ViewsPartial"
xmlns:vm="clr-namespace:AdventureWorks.MAUI.CommandClasses"
xmlns:model="clr-namespace:AdventureWorks.EntityLayer;assembly=AdventureWorks.EntityLayer"
x:DataType="vm:ProductViewModelCommands"
Title="ProductListView">
<Border Style="{StaticResource Screen.Border}">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<partial:HeaderView ViewTitle="Product List"
ViewDescription="The list of products in the system"/>
<CollectionView Grid.Row="1"
SelectionMode="Single"
ItemsSource="{Binding ProductList}">
<CollectionView.ItemTemplate>
<DataTemplate x:DataType="model:Product">
<Border Margin="8" Padding="12" >
<VerticalStackLayout Spacing="4">
<HorizontalStackLayout>
<Label FontAttributes="Bold"
FontSize="Title"
Text="{Binding Name}" />
</HorizontalStackLayout>
<HorizontalStackLayout>
<Label Text="Color:" />
<Label Text="{Binding Color}" />
</HorizontalStackLayout>
<HorizontalStackLayout>
<Label Text="Price:" />
<Label Text="{Binding ListPrice, StringFormat='{0:C}'}" />
</HorizontalStackLayout>
<HorizontalStackLayout>
<Button Text="Edit" />
<Button Text="Delete" />
</HorizontalStackLayout>
</VerticalStackLayout>
</Border>
</DataTemplate>
</CollectionView.ItemTemplate>
</CollectionView>
</Grid>
</Border>
</ContentPage>

24
AdventureWorks.MAUI/Views/ProductListView.xaml.cs Normal file
View File

@ -0,0 +1,24 @@
using AdventureWorks.MAUI.CommandClasses;
namespace AdventureWorks.MAUI.Views;
public partial class ProductListView : ContentPage
{
public ProductListView(ProductViewModelCommands viewModel)
{
InitializeComponent();
ViewModel = viewModel;
}
private readonly ProductViewModelCommands ViewModel;
protected override void OnAppearing()
{
base.OnAppearing();
BindingContext = ViewModel;
ViewModel.Get();
}
}

40
AdventureWorks.MAUI/Views/UserDetailView.xaml
View File

@ -4,8 +4,8 @@
x:Class="AdventureWorks.MAUI.Views.UserDetailView"
xmlns:partial="clr-namespace:AdventureWorks.MAUI.ViewsPartial"
xmlns:converters="clr-namespace:AdventureWorks.MAUI.Converters"
xmlns:vm="clr-namespace:AdventureWorks.ViewModelLayer;assembly=AdventureWorks.ViewModelLayer"
x:DataType="vm:UserViewModel"
xmlns:vm="clr-namespace:AdventureWorks.MAUI.CommandClasses"
x:DataType="vm:UserViewModelCommands"
Title="User Information">
<ContentPage.Resources>
@ -53,18 +53,20 @@
Text="First Name" />
<Entry Grid.Row="2"
Grid.Column="1"
Text="{Binding UserObject.FirstName}"/>
Text="{Binding UserObject.FirstName}" />
<Label Grid.Row="3"
Text="Last Name" />
<Entry Grid.Row="3"
Grid.Column="1"
Text="{Binding UserObject.LastName}"/>
Text="{Binding UserObject.LastName}" />
<Label Grid.Row="4"
Text="Email Address" />
<Entry Grid.Row="4"
Grid.Column="1"
Text="{Binding UserObject.Email}"/>
<Label Grid.Row="5" Text="Is Enrolled ?"/>
Text="{Binding UserObject.Email}" />
<Label Grid.Row="5"
Text="Is Enrolled?" />
<FlexLayout Grid.Row="5"
Grid.Column="1"
@ -89,50 +91,51 @@
</FlexLayout>
<Label Grid.Row="6"
Text="Still Employed"/>
Text="Still Employed" />
<Switch Grid.Row="6"
Grid.Column="1"
IsToggled="{Binding UserObject.IsActive}"/>
<Label Text="Employee Type"
Grid.Row="7"/>
Grid.Row="7" />
<FlexLayout Grid.Row="7"
Grid.Column="1"
Wrap="Wrap"
Direction="Row">
<HorizontalStackLayout>
<Label Text="Full-Time"/>
<Label Text="Full-Time" />
<RadioButton x:Name="FullTime"
IsChecked="{Binding UserObject.IsFullTime}"
GroupName="EmployeeType"/>
GroupName="EmployeeType" />
</HorizontalStackLayout>
<HorizontalStackLayout>
<Label Text="Part-Time"/>
<RadioButton GroupName="EmployeeType" IsChecked="{Binding UserObject.IsFullTime, Converter={StaticResource invertedBoolean}}"/>
<Label Text="Part-Time" />
<RadioButton IsChecked="{Binding UserObject.IsFullTime, Converter={StaticResource invertedBoolean}}"
GroupName="EmployeeType" />
</HorizontalStackLayout>
</FlexLayout>
<Label Text="Birth Date"
Grid.Row="8"/>
Grid.Row="8" />
<DatePicker Grid.Row="8"
Grid.Column="1"
Date="{Binding UserObject.BirthDate}"
HorizontalOptions="Start"/>
HorizontalOptions="Start" />
<Label Text="Start Time"
Grid.Row="9"/>
Grid.Row="9" />
<TimePicker Grid.Row="9"
Grid.Column="1"
Time="{Binding UserObject.StartTime}"
IsEnabled="{Binding UserObject.IsFullTime, Converter={StaticResource invertedBoolean}}"/>
<Label Text="Phone"
Grid.Row="10"/>
Grid.Row="10" />
<FlexLayout Grid.Row="10"
Grid.Column="1"
Wrap="Wrap"
Direction="Row">
<HorizontalStackLayout>
<Entry MinimumWidthRequest="120"
Text="{Binding UserObject.Phone}"/>
Text="{Binding UserObject.Phone}" />
</HorizontalStackLayout>
<HorizontalStackLayout>
<Picker ItemsSource="{Binding PhoneTypesList}"
@ -146,7 +149,8 @@
<HorizontalStackLayout Grid.Row="12"
Grid.Column="1"
Spacing="5">
<Button Text="Save" Clicked="SaveButton_Clicked"/>
<Button Text="Save"
Command="{Binding SaveCommand}"/>
<Button Text="Cancel" />
</HorizontalStackLayout>
</Grid>

12
AdventureWorks.MAUI/Views/UserDetailView.xaml.cs
View File

@ -1,15 +1,16 @@
using AdventureWorks.ViewModelLayer;
using AdventureWorks.MAUI.CommandClasses;
namespace AdventureWorks.MAUI.Views;
public partial class UserDetailView : ContentPage
{
public UserDetailView(UserViewModel viewModel)
public UserDetailView(UserViewModelCommands viewModel)
{
InitializeComponent();
ViewModel = viewModel;
}
public UserViewModel ViewModel { get; set; }
public UserViewModelCommands ViewModel { get; set; }
protected override void OnAppearing()
{
@ -21,8 +22,5 @@ public partial class UserDetailView : ContentPage
ViewModel.Get(1); // Assuming you want to get the user with ID 1
}
private void SaveButton_Clicked(object sender, EventArgs e)
{
System.Diagnostics.Debugger.Break();
}
}

53
AdventureWorks.MAUI/Views/UserListView.xaml
View File

@ -1,16 +1,49 @@
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:partial="clr-namespace:AdventureWorks.MAUI.ViewsPartial"
xmlns:vm="clr-namespace:AdventureWorks.MAUI.CommandClasses"
xmlns:model="clr-namespace:AdventureWorks.EntityLayer;assembly=AdventureWorks.EntityLayer"
x:Class="AdventureWorks.MAUI.Views.UserListView"
x:DataType="vm:UserViewModelCommands"
Title="User List">
<VerticalStackLayout VerticalOptions="Center"
HorizontalOptions="Center"
Spacing="10">
<Label
Text="User List"
FontSize="Header"
HorizontalOptions="Center" />
<Button Text="Navigate to Detali"
Clicked="NavigateToDetail_Clicked" />
</VerticalStackLayout>
<Border Style="{StaticResource Screen.Border}">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<partial:HeaderView ViewTitle="User List"
ViewDescription="Use this Screen to view and manage users." />
<ListView Grid.Row="1"
ItemsSource="{Binding UserList}">
<ListView.ItemTemplate>
<DataTemplate x:DataType="model:User">
<ViewCell>
<Border Margin="8"
Padding="12">
<VerticalStackLayout Spacing="4">
<HorizontalStackLayout>
<Label FontAttributes="Bold"
FontSize="Title"
Text="{Binding LastNameFirstName}" />
</HorizontalStackLayout>
<HorizontalStackLayout>
<Label Text="Email" />
<Label Text="{Binding Email}" />
</HorizontalStackLayout>
<HorizontalStackLayout>
<Button Text="Edit" />
<Button Text="Delete" />
</HorizontalStackLayout>
</VerticalStackLayout>
</Border>
</ViewCell>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
</Grid>
</Border>
</ContentPage>

14
AdventureWorks.MAUI/Views/UserListView.xaml.cs
View File

@ -1,10 +1,22 @@
using AdventureWorks.MAUI.CommandClasses;
namespace AdventureWorks.MAUI.Views;
public partial class UserListView : ContentPage
{
public UserListView()
public UserListView(UserViewModelCommands viewModel)
{
InitializeComponent();
ViewModel = viewModel;
}
private readonly UserViewModelCommands ViewModel;
protected override void OnAppearing()
{
base.OnAppearing();
BindingContext = ViewModel;
ViewModel.Get();
}
private async void NavigateToDetail_Clicked(object sender, EventArgs e)