Change data on a page?


#1

I have a page with data. Elements on the page see the data and display the data - no problem.

I would like to change this data elsewhere - from outside of this page.

The docs here: https://framework7.io/docs/page.html#page-data

Say this

var $ = Dom7;
var page = $('.page[data-name="somepage"]')[0].f7Page;
// do something with page data

I cannot figure out how to reference the data using the variable ‘page’ so I can change the data for the page.

What am I missing?


#2

You shouldn’t modify page data object. If your page has data-dependant layout then it is better to use router component http://framework7.io/docs/router-component.html


#3

Thanks. Just to confirm.

It seems that the DATA is read only and not meant for my programs to put dynamic data onto a page?


#4

In router component: this.$setState({});