Navigate to a new page on selecting in list view RRS feed

  • Question

  • I have created a blank Windows Phone App using JS template.

    In that app, i have used Listview to display the list of items, each item contains a big Image, Title and Sub title.

    Templates are follows:

      <div id="NormalViewTextTemplate" data-win-control="WinJS.Binding.Template" style="display: none">
                <div class="NormalViewTextItem" id="NormalViewTextItem">
                    <img src="#" class="NormalViewTextItem-Image" data-win-bind="src: picture" height="380" width="380" />
                    <div class="NormalViewTextItem-Detail" id="detailView" style="">
                        <h2 id="title" data-win-bind="innerText: title" style=""></h2>
                        <h4 id="subTitle" data-win-bind="innerText: text" style=""></h4>

       <div style="height:800px; float:left; width:400px;" id="listView"
                    itemDataSource:  searchedData.dataSource,
                    oniteminvoked: handler,
                    itemTemplate: NormalViewTextTemplate,
                    layout: { type: WinJS.UI.ListLayout }

    Here i am running out of idea. I want to display a item in a new page on selecting a particular item. Can any suggest me how to do the navigation here?? Thanks in advance.

    Monday, September 8, 2014 10:37 AM


  • Hi,

    From your description, I understood there is an issue regarding WinJS listview itemtemplate navigate to another page.

    By some researches, I found Adam Tuliper – MSFT has pointed the correct way about this topic, For more information, please check:



    We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
    Click HERE to participate the survey.

    • Marked as answer by Yang,Chenfei Tuesday, September 23, 2014 2:54 AM
    Tuesday, September 9, 2014 6:25 AM