[C#/MAUI/.NET6] SearchHandler 엘리먼트 : ItemTemplate 속성 사용하기

■ SearchHandler 엘리먼트의 ItemTemplate 속성을 사용하는 방법을 보여준다.

▶ CatPage.xaml


<?xml version="1.0" encoding="utf-8" ?>
<ContentPage x:Class="TestProject.CatPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:TestProject"
    Title="Cat Page"
    BackgroundColor="White">
    <Shell.SearchHandler>
        <local:AnimalSearchHandler
            Placeholder="동물명을 입력해 주시기 바랍니다.">
            <local:AnimalSearchHandler.ItemTemplate>
                <DataTemplate>
                    <Grid
                        Padding="10"
                        ColumnDefinitions="Auto,10,Auto">
                        <Label Grid.Column="0"
                            VerticalOptions="Center"
                            FontAttributes="Bold"
                            Text="{Binding ID}" />
                        <Label Grid.Column="2"
                            VerticalOptions="Center"
                            FontAttributes="Bold"
                            Text="{Binding Name}" />
                    </Grid>
                </DataTemplate>
            </local:AnimalSearchHandler.ItemTemplate>
        </local:AnimalSearchHandler>
    </Shell.SearchHandler>
    <StackLayout>
        <Label Text="CAT PAGE"
            VerticalOptions="CenterAndExpand"
            HorizontalOptions="CenterAndExpand" />
    </StackLayout>
</ContentPage>

<?xml version="1.0" encoding="utf-8" ?>

<ContentPage x:Class="TestProject.CatPage"

xmlns="http://schemas.microsoft.com/dotnet/2021/maui"

xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

xmlns:local="clr-namespace:TestProject"

Title="Cat Page"

BackgroundColor="White">

<Shell.SearchHandler>

<local:AnimalSearchHandler

Placeholder="동물명을 입력해 주시기 바랍니다.">

<local:AnimalSearchHandler.ItemTemplate>

<Grid

Padding="10"

ColumnDefinitions="Auto,10,Auto">

<Label Grid.Column="0"

VerticalOptions="Center"

FontAttributes="Bold"

Text="{Binding ID}" />

<Label Grid.Column="2"

VerticalOptions="Center"

FontAttributes="Bold"

Text="{Binding Name}" />

</Grid>

</DataTemplate>

</local:AnimalSearchHandler.ItemTemplate>

</local:AnimalSearchHandler>

</Shell.SearchHandler>

<Label Text="CAT PAGE"

VerticalOptions="CenterAndExpand"

HorizontalOptions="CenterAndExpand" />

</StackLayout>

</ContentPage>

TestProject.zip