---
title: "Pushing a new view after an item was tapped in Sencha Touch 2"  
description: "Pushing a new view after an item was tapped in Sencha Touch 2"  
author: "Pravesh Singh"  
published: 2013-06-03  
updated: 2013-06-03  
canonical: https://www.mindstick.com/forum/969/pushing-a-new-view-after-an-item-was-tapped-in-sencha-touch-2  
category: "sencha touch"  
tags: ["sencha touch"]  
reading_time: 2 minutes  

---

# Pushing a new view after an item was tapped in Sencha Touch 2

Hi,\
I have a [simple](https://yourviews.mindstick.com/story/1469/5-simple-ways-to-stay-fit-amp-healthy) list populated from JSON. When tapping one of the [items](https://www.mindstick.com/forum/33812/getting-number-of-items-selected-in-uicollectionview-in-ios) i want a new [view](https://yourviews.mindstick.com/view/84701/layoffs-in-google-india-2023-view) to appear. The List is inside an Ext.navigation.View.\
**My [controller](https://www.mindstick.com/blog/273/passing-values-from-controller-to-view-in-asp-dot-net-mvc)**\

```
Ext.define('Trainz.controller.StationListController', {extend: 'Ext.app.Controller',config: {    models: [        'Station'    ],    stores: [        'Stations'    ],    views: [        'Main'    ],    control: {        "list": {            itemtap: 'onListItemTap'        }    }},onListItemTap: function(dataview, index, target, record, e, eOpts) {    console.log(record);}});
```

And here is the (now empty) view i want to push**\**

```
Ext.define('Trainz.view.StationDetailView', {extend: 'Ext.Panel',config: {}});
```

**\**Guessing i have to put something in the **onListItemTap** [function](https://www.mindstick.com/articles/13001/multi-statement-table-valued-user-defined-function-in-sql-server) but for the life of me I cant [figure](https://yourviews.mindstick.com/view/87536/what-are-ghosts-jobs-and-how-to-figure-out-them) out what. Tried over four different code snippets from [Google](https://www.mindstick.com/articles/43833/google-lighthouse-and-how-is-it-changing-the-way-we-development-and-design-websites) and just got [errors](https://answers.mindstick.com/qa/116170/fresh-fir-against-gandhis-in-national-herald-case-cover-up-for-ed-s-own-errors) back. Whats the proper way?\
I'm using **Sencha** [Architect](https://www.mindstick.com/articles/311773/what-is-a-cloud-architect) if that makes any difference.\
**Here is the complete initial view for [reference](https://www.mindstick.com/forum/774/reference-what-does-this-error-mean-in-php):**\

```
Ext.define('Trainz.view.Main', {extend: 'Ext.tab.Panel',config: {    tabBar: {        docked: 'bottom'    },    items: [        {            xtype: 'navigationview',            title: 'Stations',            iconCls: 'maps',            items: [                {                    xtype: 'list',                    title: 'Stations',                    itemTpl: [                        '<div>{Namn}</div><div style="float:right; margin-right: 1.5em;"></div>'                    ],                    store: 'Stations',                    grouped: true,                    indexBar: true                }            ]        }    ]}});
```

**\**Thanks in advance.

## Replies

### Reply by AVADHESH PATEL

Hi Pravesh!\
You need to retrieve your **navigationview** and then do navigation**View.push**(yourNewView); \
or\
**dataview.up('navigationview').push(yourNewView)****\**I hope it resolve your problem.


---

Original Source: https://www.mindstick.com/forum/969/pushing-a-new-view-after-an-item-was-tapped-in-sencha-touch-2

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.