- Sencha Touch TS:

  Navigation View enabled with notes details

www/app/controller/UserNavigationController.js

+Ext.define('PO.controller.UserNavigationController', {
+        extend: 'Ext.app.Controller',
+	xtype: 'userNavigationController',
+	config: {
+	    refs: {
+	    	  userNavigationView: 'userNavigationView'
+	    },
+	    control: {
+		'userList': {
+		    disclose: 'showDetail'
+		}
+	    }
+	},
+
+	showDetail: function() { 
+	    console.log('disclose details'); 
+	    var view = this.getUserNavigationView();
+	    view.push({
+		xtype: 'userDetail'
+	    });
+	}
+
+});
+

www/app/view/UserNavigationView.js

+Ext.define('PO.view.UserNavigationView', {
+	extend: 'Ext.navigation.View',
+	xtype: 'userNavigationView',
+	requires: [
+		   'PO.view.UserList',
+		   'PO.view.UserDetail'
+	],
+	config: {
+	    title: 'UserNavView',
+	    iconCls: 'star',
+	    items: [{
+		    xtype: 'userList'
+	    }]
+	}
+});