<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:dxg="clr-namespace:DevExpress.Maui.DataGrid;assembly=DevExpress.Maui.DataGrid"
             xmlns:dxe="clr-namespace:DevExpress.Maui.Editors;assembly=DevExpress.Maui.Editors"
             xmlns:ios="clr-namespace:Microsoft.Maui.Controls.PlatformConfiguration.iOSSpecific;assembly=Microsoft.Maui.Controls"
             ios:Page.UseSafeArea="True"
             xmlns:local="clr-namespace:Test"
             xmlns:devices="clr-namespace:Microsoft.Maui.Devices;assembly=Microsoft.Maui.Essentials"
             xmlns:channels="clr-namespace:System.ServiceModel.Channels;assembly=System.ServiceModel.Primitives"
             x:Class="Test.Page1" NavigationPage.HasBackButton="False">
    <ContentPage.BindingContext>
        <local:DataViewModel/>
    </ContentPage.BindingContext>
    <StackLayout BackgroundColor="AliceBlue">           
 
<!-- **********TextEdit************ -->
        <dxe:TextEdit x:Name="bcInput" 
                      BackgroundColor="LightGreen" 
                      FocusedBorderColor="Red"
                      HeightRequest="50" 
                      PlaceholderText="aaaa"
                      PlaceholderColor="Black"
                      Completed="Entry_Completed"  
                      TextHorizontalAlignment="Center"
                      TextVerticalAlignment="Center"/>
 
<!-- **********ComboBoxEdit ohne Template************ -->
        <dxe:ComboBoxEdit x:Name="cb4"  LabelText="bbbb" FocusedBorderColor="Red"  Margin="100, -50, 10, 1" >
            <dxe:ComboBoxEdit.ItemsSource>
                <x:Array Type="{x:Type x:String}">
                    <x:String>Item 1</x:String>
                    <x:String>Item 2</x:String>
                    <x:String>Item 3</x:String>
                </x:Array>
            </dxe:ComboBoxEdit.ItemsSource>
        </dxe:ComboBoxEdit>   
 
 
<!-- **********ComboBoxEdit mit Template************ -->
        <dxe:ComboBoxEdit ItemsSource="{Binding}"
                          LabelText="Employee" IsLabelFloating="True"
                          HelpText="HelpText" BorderColor="Black"
                          FocusedBorderColor="DarkOrange"
                          BackgroundColor="Beige"
                          LabelColor="Black"
                          FocusedLabelColor="DarkOrange"
                          CornerRadius="10" CornerMode="Round"
                          DropDownBackgroundColor="Beige"
                          DropDownSelectedItemBackgroundColor="Brown"
                          DropDownSelectedItemTextColor="White"
                          IsFilterEnabled="True" FilterCondition="StartsWith"
                          FilterComparisonType="CurrentCultureIgnoreCase">
            <dxe:ComboBoxEdit.ItemTemplate>
                <DataTemplate>
                    <Grid>
                        <Label Margin="10,15,0,15" Text="{Binding Values}" FontAttributes="Bold"/>
                        <Label Margin="0,15,0,15" Grid.Column="1" Text="{Binding Age}"/>
                        <Label Margin="0,15,10,15" Grid.Column="2" Text="{Binding Location}" HorizontalTextAlignment="End"/>
                    </Grid>
                </DataTemplate>
            </dxe:ComboBoxEdit.ItemTemplate>
        </dxe:ComboBoxEdit>
 
<!-- **********DataGridView************ -->
        <dxg:DataGridView ItemsSource="{Binding Values}"
                          EditorShowMode="Never" FullSwipeMode="Both" IsHorizontalScrollBarVisible="True"
                          AllowDragDropRows="False" VerticalOptions="Start" HorizontalOptions="Start" BackgroundColor="AliceBlue"
                          HeightRequest="205" ColumnHeaderHeight="45" BorderThickness="2,0" RowHeight="50" WidthRequest="800"  >
            <dxg:DataGridView.Columns>
                <dxg:TextColumn FieldName="AI" Caption="Nr." HeaderBackgroundColor="LightSkyBlue"   
                        Width="30" VerticalContentAlignment="Center" />
                <dxg:TextColumn FieldName="AI" Caption="NVE" HeaderBackgroundColor="LightSkyBlue"   
                                Width="60" VerticalContentAlignment="Center" />
                <dxg:TextColumn FieldName="Value" Caption="MaterialNr." HeaderBackgroundColor="LightSkyBlue" 
                        MinWidth="200" VerticalContentAlignment="Center" />
                <dxg:TextColumn FieldName="Structure.Description" Caption="Menge" HeaderBackgroundColor="LightSkyBlue" 
                        MinWidth="300" VerticalContentAlignment="Center"/>
            </dxg:DataGridView.Columns>
        </dxg:DataGridView>
  
    </StackLayout>
</ContentPage>