Ajax data reuse between components

Webix JS
#1

In the following snippet I have produced a trivial example of my use case:

https://snippet.webix.com/wj9lgaq1

There are two tables (driven by the same API data call - I wasn’t sure how to do this in a snippet so left the data source as the default ‘grid_data’). And a date picker.

In reality I have multiple components pointing to the same proxy object URL.

  1. How should I handle the components that use the same data? In a normal browser it will not repeatedly hit the server and just hit the local cache, however, it seems wasteful to parse the JSON data multiple times (if that is happening). Is there some way to ‘share’ the data between the components?
  2. In the real code I would make an ajax request of the server to load the above data and as well as the payload data for the tables it would tell me the current date that the data relates to. How would I go about using this reply to set the initial value for the date_picker? Ideally I would also like the server to set the min and max dates in the suggest. I plan to allow the user to select a new date and then a new ajax request would fire off to the server, just in case this is relevant.

Many thanks

#2

@6b656d70
try to use DataCollection
https://snippet.webix.com/rzrg03jy

#3

Thanks for the help @integral, much appreciated.

How do i go about tying a form, with complexData: true (I need this to get at data stored in the API result), with a datepicker to the DataCollection.
The following shows a working version with hard coded data and three non-working methods (commented out).

https://snippet.webix.com/s0grmwv2

I am sure I am misunderstanding something about how to tie these objects together.

Thanks again.