Page:init doesn't fire on custom routing

Questions
1

Hey Guys,

I’m upgrading from v1 to v2 and i had my own routing in v1, now all of a sudden this doesn’t work anymore :frowning:

I disabled auto init like i did in v1
this.f7 = new Framework7({
root: ‘#app’,
id: ‘my.id’,
name: ‘My App’,
theme: ‘ios’,
panel: {
swipe: ‘right’,
},

		init: false,
		cache: false,

	});

// Init/Create main view
mainView = this.f7.views.create(’.view-main’, {});

Now this:
$$(document).on(‘page:init’, function(e)

Only fires the first time, not when a click on a link in v1 it did fire and i got the page info back in the event.

I just want it to work the old way with an ajax call every time a link gets clicked.

router.navigate(url) does nothing :frowning:

How can i solve this?

2

You need to init app: app.init() otherwise router won’t work

3

I did that, first page loads fine, when i click a link nothing happened

I was able to debug the router and it coudn’t find a route (is that mandatory?)

4

Yes, routes must be specified in order to work

5

Why is that? In v1 you could just send to any page you liked. What is the use for defining routes?

6

Because this is how v2 router works

7

Ok i understand, is there a way to add routes dynamically?