CODEWITHSUNDEEP
c#listviewmvvmuwpviewmodel
Syaiful Nizam Yahya
Syaiful Nizam Yahya

Reputation: 4305

How to capture click with ListView in UWP?

I would like to capture click events from listview through my viewmodel. Here's what I have so far.

My Xaml.

        <ListView RelativePanel.Below="list3" ItemClick="{x:Bind ViewModel.ClickItemList}" RelativePanel.AlignLeftWithPanel="True" RelativePanel.AlignRightWithPanel="True">
            <ListViewHeaderItem Content="Header"></ListViewHeaderItem>
            <ListViewItem Content="Item 1" />
            <ListViewItem Content="Item 2" />
        </ListView>

My ViewModel.

    public void ClickItemList(object sender, ItemClickEventArgs e)
    {
        var clickedItem = (ListViewItem)e.ClickedItem;

        System.Diagnostics.Debug.WriteLine(clickedItem.Content);
    }

Unfortunately, ClickItemList is not triggered.

What is the recommended way to capture click in ListViewItem?

Upvotes: 1

Views: 2388

Answers (2)

Laith
Laith

Reputation: 6091

You need IsItemClickEnabled:

<ListView RelativePanel.Below="list3"
          IsItemClickEnabled="True"
          ItemClick="{x:Bind ViewModel.ClickItemList}"
          RelativePanel.AlignLeftWithPanel="True"
          RelativePanel.AlignRightWithPanel="True">
    <ListViewHeaderItem Content="Header"></ListViewHeaderItem>
    <ListViewItem Content="Item 1" />
    <ListViewItem Content="Item 2" />
</ListView>

Upvotes: 3

lindexi
lindexi

Reputation: 4357

You should set the IsItemClickEnabled="True"

   <ListView RelativePanel.Below="list3" IsItemClickEnabled="True" ItemClick="{x:Bind ViewModel.ClickItemList}" RelativePanel.AlignLeftWithPanel="True" RelativePanel.AlignRightWithPanel="True">
            <ListViewHeaderItem Content="Header"></ListViewHeaderItem>
            <ListViewItem Content="Item 1" />
            <ListViewItem Content="Item 2" />
        </ListView>

Upvotes: 4

Related Questions