c# - Navigation in between pages using ListView in UWP -

i trying navigate in between pages using listitems not working. home page mainpage.xaml , want navigate "xyz" when click on aba image in listview

here code:

namespace abc {  public sealed partial class mainpage : page {     observablecollection<class1> list1 = new observablecollection<class1>();     public mainpage()     {         this.initializecomponent();         filldata();     }      void filldata()     {         list1.add(new class1 { name = "aba", image = "ms-appx:///images/aba.png" });         list1.add(new class1 { name = "al", image = "ms-appx:///images/al.png" });     }      private void itemclicked(object sender, itemclickeventargs e)     {         var nme = (class1)e.clickeditem;          switch (nme.name)         {             case "aba":                 frame.navigate(typeof(xyz),null);                 break;         }     } } } 

mainpage.xaml

<listview x:name="list" itemclick="itemclicked">         <listview.itemtemplate>             <datatemplate>                 <stackpanel orientation="horizontal">                     <image height="100" width="100" source="{binding image}"></image>                     <textblock text="{binding name}" horizontalalignment="center"></textblock>                 </stackpanel>             </datatemplate>         </listview.itemtemplate>     </listview> 

class1.cs

class class1 {     public string name { get; set; }     public string image { get; set; } } 

you have issue listview control , main reason don't have property in listview in xaml:

isitemclickenabled="true"

so in order solve problem add property isitemclickenabled="true" @ listview in xaml page this:

 <listview x:name="list"            itemclick="itemclicked"            isitemclickenabled="true">         <listview.itemtemplate>             <datatemplate>                 <stackpanel orientation="horizontal">                     <image height="100"                            width="100"                            source="{binding image}"></image>                     <textblock text="{binding name}"                                horizontalalignment="center"></textblock>                 </stackpanel>             </datatemplate>         </listview.itemtemplate>    </listview> 

your code fine @ navigation methods , other things need "enable" items clicked, add property in order can use them click events.