Kontrol WinUI 3 C++ – Menambahkan Item ListBox Secara Dinamis

Sekarang kita akan membuat fitur yang sering dipakai, yaitu menambahkan item secara dinamis ke dalam ListBox. Ketika tombol diklik, item baru akan dimasukkan ke koleksi Items milik ListBox, fitur ini banyak digunakan di berbagai perangkat lunak.

Pertama tambahkan ListBox dan tombol di dalam XAML

<Border Padding="14" BorderThickness="1" BorderBrush="Gray" CornerRadius="8">
    <StackPanel Spacing="12">
        <TextBlock Text="5. ListBox - Daftar dengan tinggi tetap (pilihan tunggal/ganda)" FontWeight="SemiBold" FontSize="14" Margin="0,0,0,8"/>
        <Button Content="Tambah Item" Click="Button_Click"/>
        <ListBox Width="280" Height="140" x:Name="myListBox" SelectionMode="Multiple">
            <ListBoxItem Content="Dokumen"/>
            <ListBoxItem Content="Gambar"/>
            <ListBoxItem Content="Video"/>
            <ListBoxItem Content="Audio"/>
            <ListBoxItem Content="Installer"/>
        </ListBox>
    </StackPanel>
</Border>Code language: C++ (cpp)

Kita menambahkan sebuah tombol, saat tombol diklik akan dibuat ListBoxItem baru. Agar bisa mengoperasikan ListBox dari kode belakang, kita beri nama x:Name=”myListBox”

Tekan tombol F12 untuk membuat fungsi event secara otomatis.

void winrt::App6::implementation::MainWindow::Button_Click(
winrt::Windows::Foundation::IInspectable const& sender,
 winrt::Microsoft::UI::Xaml::RoutedEventArgs const& e)
{
    // Ambil koleksi Items dari ListBox
    auto itemCollection = myListBox().Items();

    itemCollection.Append(box_value(L"Item Baru"));
}Code language: C++ (cpp)

Di dalam fungsi event, pertama kita ambil objek kontrol bernama x:Name=”myListBox”, lalu dapatkan koleksi Items, gunakan metode Append untuk menambahkan konten baru.

Kontrol WinUI 3 C++ – Menambahkan Item ListBox Secara Dinamis