Press event in sap.m.StandardListItem

Question

Hi Experts,
I am creating a Kapsel based mobile application using SAP WebIDE. I have used OfflineStore to store the data and I am able to read data from OfflineStore and bind it to List. I want to move to the next view(detail view) while selecting one item from the Listview. But when I tap on the List Item, I am getting the following error.
Following is my code in js file:
read:function() {
                oList = this.byId("CustomerList");
                oList.removeAllItems();
                var uri = window.localStorage.getItem("ApplicationEndpointURL");
                var user = window.localStorage.getItem("User");
                var password = window.localStorage.getItem("Password");
                var headers = { "X-SMP-APPCID" : window.localStorage.getItem("ApplicationConnectionId") };
                // Create OData model from URL
                var oModel = new sap.ui.model.odata.ODataModel(uri, true, user, password, headers);
                var iOS = (navigator.userAgent.match(/(iPad|iPhone|iPod)/g) ? true : false );
                if (iOS) {
                    oModel = new sap.ui.model.odata.ODataModel(uri, true, user, password, headers);
                var oTemplate = new sap.m.StandardListItem({
                   title: "{CustomerNumber}", description: "{CustomerName}", press:"handleProductListItemPress", type:"Navigation"    
                oList.setModel(oModel);
                oList.bindItems("/Customers", oTemplate, null, null);
   handleProductListItemPress: function(oEvent) {
        var app = sap.ui.getCore().byId("idApp");
        var context = oEvent.oSource.getBindingContext();  
        var screen  = app.getPage("idCustomerDetail");   
        screen.setBindingContext(context); 
        app.to(screen);   
And my xml code for the view is as follows:
<sap.ui.core.mvc:View xmlns="sap.m" xmlns:sap.ui.core="sap.ui.core" xmlns:sap.ui.core.mvc="sap.ui.core.mvc" controllerName="com.arteria.view.CustomerList">
    <Page title="Customers" showNavButton="true">
    <List id="CustomerList" growingScrollToLoad="false"/>
   </Page>
</sap.ui.core.mvc:View>
I want to pass the data from Listview to Detail view while moving.
Also I have noticed that, if I remove the property "press:"handleProductListItemPress" from the StandardListItem, I am not getting any error.
Kindly help.
Regards,
Dhani

Answer 1

Hi Sakthivel,
Directly implementing the function while creating the StandardListItem solved my issue.
Now my code looks like this:
var oTemplate = new sap.m.StandardListItem({
                    title: "{CustomerNumber}",
                    description: "{CustomerName}",
                    press:function(oEvent) {
                        var app = sap.ui.getCore().byId("idApp");
                        var context = oEvent.oSource.getBindingContext();
                        var screen  = app.getPage("idCustomerDetail");
                        screen.setBindingContext(context);
                        app.to(screen);
                    type:"Navigation"
Regards,
Dhani