webix jet load initial data from page

Webix JS
#1

To minimize the initial http requests I want to add the initial json data for a page into the page (server-side). Any tips how to load this data from the page into the several nested jetview components?

#2

there are different methods depending on data type you want to load:
if it is plain JSON

<script>
    window.JSON_DATA = {...}; // created on server side
</script>
using in view
{
    init: function(view){
        view.parse(window.JSON_DATA);
    }
}
#3

@mdissel A more “native” way to meet this requirement is to define an app-level service that will load data initially and store it for future usage:

function DataLoader(app){
      app.setService("DataLoader", { /*api to load and get the data*/ });
} 

app.render();
app.use(DataLoader);

And in nested views you will be able to use service API to get the data and parse it into the necessary components:

view.parse(app.getService("DataLoader").getData());

https://snippet.webix.com/bjfbo3c6

#4

Thanks!