UWP access controls in ListViewItem from colletion

Question

I have a ListView with two DataTemplate for items and headers. Items from the ListView are binded to CollectionViewSource which looks like this:

I can manage to get ListViewItem but I cant get control of its child controls. My ListView looks like this:

Any idea how can I check if the rights child control was clicked? What I want to eventually achieve is the handle a click based on the controls of the ListViewItem clicked.

Xie Steven · Accepted Answer

To get the clicked item from ListViewItem

If you add break points to debug your code, you could know there's a ClickedItem in ItemClickEventArgs class object. The ClickedItem should be that you want.

Another way is using TwoWay Binding on the SelectedItem.

Both the two ways are included in the following code sample:

public sealed partial class MainPage : Page
{
    public ObservableCollection Groups2 { get; set; }

    private Song _SelectedSong;

    public Song SelectedSong
    {
        get { return _SelectedSong; }
        set
        {
            _SelectedSong = value;
        }
    }

    public MainPage()
    {
        this.InitializeComponent();
        Groups2 = GenerateData();
        this.DataContext = this;
    }

    private ObservableCollection GenerateData()
    {
        ObservableCollection songGroups = new ObservableCollection();

        ObservableCollection songs = new ObservableCollection();
        songs.Add(new Song() { Title = "Song1" });
        songs.Add(new Song() { Title = "Song2" });

        songGroups.Add(new SongGroup() { Key = "A", Items = songs });

        ObservableCollection songs2 = new ObservableCollection();
        songs2.Add(new Song() { Title = "Song2_1" });
        songs2.Add(new Song() { Title = "Song2_2" });
        songGroups.Add(new SongGroup() { Key = "B", Items = songs2 });

        return songGroups;
    }

    private void ItemGridView_ItemClick(object sender, ItemClickEventArgs e)
    {
        var song = e.ClickedItem;
    }
}

public class Song
{
    public string Title { get; set; }
}

public class SongGroup
{
    public string Key { get; set; }

    public ObservableCollection Items { get; set; }
}

UWP access controls in ListViewItem from colletion

Answers (1)

Related Questions