Unable to Navigate from Column List Item

[Former Member]

Dear All,

I have created an App to display as below.

when clicked on the navigation at item level, its throwing an error as below

followed the links but no use

My code is as below :

in Detail.Controller.js

            onItemDetailPressed : function(oEvent) {

              // Determine where we are right now

              var oItem, oCtx;

  oItem = oEvent.getSource();

  oCtx = oItem.getBindingContext();

  this.getRouter().navTo("SubDetail");

            },

in SubDetail.controller.js

	onInit: function() {
	this.router = sap.ui.core.UIComponent.getRouterFor(this);
		},
	handleNavBack : function(){

          this.router.myNavBack("first");

        }

added the below code in component.js

added MyRouter.js as below

Can any one please guide me how to navigate to SubDetail Page. ?

[junwu]

error info??