[SOLVED] Questions with routes and back links


#1

Next scenario:

When I navigate to the third page the back link does not work anymore.
I have a side menu with submenu where I call a page that contains a listview

<a href="/divida_notificar/"> Notifications </a>

When clicked it goes to my router with async:

path: '/ divida_notificar /',
        async: function (routeTo, routeFrom, resolve, reject) {
            var router = this;
            var app = router.app;
            app.preloader.show ();
            app.request ({'my logic ...'});
                app.preloader.hide ();
                solve ({
                    componentUrl: './pages/divida_notificar.html',
                }, {context: {
                        myObj: myobj
                    }
                });

        },

Until this moment when I click the menu back is working correctly.

Now when you click on the listview item where you have the link:

<a href="/divide_detail/{{cod}}/"> Detail </a>

I pass the router again with async:

path: '/ divida_detail /: cod /',
        async: function (routeTo, routeFrom, resolve, reject) {
            var router = this;
            var app = router.app;
            console.log (routeTo);
            var cod = routeTo.params.cod;
            app.preloader.show ();
            setTimeout (function () {
                app.preloader.hide ();
                solve ({
                    componentUrl: './pages/divida_detail.html'
                }, {context: {
                        cod: cod
                    }
                });
            }, 2000);
        },

At this moment I am inside the detail page, I click on the menu to return again, usually it returns to the page containing the listview.

Now i need return to the homepage by clicking the menu back, but nothing happens, I need to click on my Home to complete the action, where am I going wrong?

I would like to understand more about this feature.
Thank you and strong hug !!


#2

For me, sounds like some missconfig in routes. Do you have live example or something that is possible to check online?


#3

Hi @nolimits4web, sorry but I have nothing online to test, this app I’m developing is only local on the pc. But if you want some more code, I’ll be ready to put it here.
Thanks for the help at the moment, I am still studying f7, and I have many doubts that I can not understand by the documentation.Sorry for the bad english.


#4

Could you solve this? I have a similar problem.
When I enter from Index to Page1 its OK, then I go back from Page1 to Index and finally when I go from Index to Page1 the left panel stop working.


#5

Unfortunately I still can not solve this, I’m dealing with other problems and leaving this for later, if I can resolve the resolution, I ask you to do it, do the same, thank you


#6

For sure @CesarBalzer I’ll get back at you if I can solve it. Thanks.


#7

Hi @CesarBalzer, I could solved my problem with navigation and Left Panel. I think it’s a different problem from yours but still I’ll tell you what I did.
They told me that the Left Panel it’s not supported on Pages and it should be on Index (or your Main App Layout). After moving the code from Page1 to Index, when I navigate back and forth the Left Panel still working fine. The link to my question: V2 Navigation problem


#8

I helped him with this problem, I believe there are no more doubts. Please, @CesarBalzer post the solution is possible, if you have actually solved!!

Thank you!