cancel
Showing results for 
Search instead for 
Did you mean: 

AppBuilder Navigation to the Next Page ?

Former Member
0 Kudos

HI Experts,

I followed this tutorial and Build the Demo App like

If i Clicked on the Particular Cell in the page it should display the complete details of the particular cell in the next page.

The Problem i'm facing is, i'm unable to navigate to the next page and i don't know how to navigate it to the next page,

Please help me out of this along with the code(if required).

Warm Regards,

Vamsi K.

Accepted Solutions (1)

Accepted Solutions (1)

Former Member
0 Kudos

Hi Viru,

Finally Resolved This Issue,

Here Is the Code :

backButtonTap: function(evt) {
try
{var s1 = this.byId("SuperList1");

        var page = sap.ui.getCore().byId("appView").byId("homePageView").byId("homePage");

        s1.drillBack();

        if (s1.getCurrentLevel()===0){

            page.setTitle("Northwind Sample");

           page.setShowNavButton(false);

        }

        else {

            appView.setShowNavButton(true);

        }

}catch(e)
{
alert(e);
}
},

myRowFocusChanged: function(evt) {
try{
var s1 = this.byId("SuperList1");

        var page = sap.ui.getCore().byId("appView").byId("homePageView").byId("homePage");

        // alert('test1');

        var data = s1.getRow(evt.mParameters.row);

        // alert('test2');

     var title = data[4]+ ' ' +data[2]+ ' ' +data[1];

        // alert('test3');

        s1.drillDown(evt.mParameters.row);

        if (s1.getCurrentLevel()>0){

         // alert('test4' + title);

            page.setTitle(title);

              // alert('test5');

            page.setShowNavButton(true);

        }

}catch(e){
alert(e);
}
}

Thanks for the Support.

Regards,

Vamsi K.

Answers (1)

Answers (1)

Virinchy
Active Contributor
0 Kudos

HI Vamsi ,

An event must be created and the page navigation logic in js is to be put in place.

these might help to achieve this.

Former Member
0 Kudos

Hi Viru,

I'm able to Navigate From First View to Second View and Displaying the Data, But When i'm in Second View i'm unable to go Back to the First View.

Here is the code i used here,

And in the Events ,

And the Out Put is Not Displayed when i use myRowFocusChanged Event,

If I did't used myRowFocusChanged Event Output Came Like this,

If i clicked the List Cell it displays the data related to the cell .

Now, How can i go back to the First View From the Second View ,

Please help me out .

Thanks & regards,

Vamsi k.

Virinchy
Active Contributor
0 Kudos

Vamsi ,

Are the applications mentioned in the question and the other application partially working same ? (it seems like the first one is having a data source of flat file and the second is of OData )

- Virinchy

Former Member
0 Kudos

It's Different, In the First Application i used JSON file and Displayed the data in the list view, But in the Page Navigation i have to pass the Query to retrieve the selected cell data(So, It's Not possible with JSON,That's why i have selected OData Services instead of Flat File and used OData Query to retrieve the Selected Cell Data in FirstView(ListView) ) to the SecondView(FormView) and Displayed the data.

Here i used a piece of code to navigate SecondView to FirstView of  superlist.slmeta, But it's Not working .

Best Regards,

-Vamsi

Virinchy
Active Contributor
0 Kudos

Hi Vamsi,

There is a video tutorial explaining to consume Odata services and develop application using Appbuilder. please check it at  AppBuilder: Create the Northwind App with a SuperList component - YouTube

virinchy

Former Member
0 Kudos

HI Viru,

I followed this video only, But it's not Navigating to the next Screen.

-Vamsi

Virinchy
Active Contributor
0 Kudos

Vamsi ,

Make sure you have the code right and specified the event and properties correctly.

Regards

Virinchy