Loading screen for dataview

Webix JS
1

How do I show the loading screen for dataview?. The showOverlay is available only for datagrid.

2

You can add the OverlayBox functionality to the dataview either by extending the instance after initialization, or by creating a custom dataview with this functionality.

You can see both variants in the snippet: http://webix.com/snippet/932f5d32

3

Thank you. I found the ajax sync is deprecated, how do I make the screen inaccessible while the backend is saving a data and returns back.

4

You may catch dataview events, such as onBeforeLoad (request is issued) and onAfterLoad (response data is parsed):

on:{
  onBeforeLoad:function(){
    this.showOverlay("Loading..");
  },
  onAfterLoad:function(){
     webix.delay(function(){
       if(this.count())
      	  this.hideOverlay();
        else
          this.showOverlay("No data")
     }, this, null, 2000);	
   }
}

http://webix.com/snippet/9629c03f

Btw, Ajax sync calls are available within webix.ajax API - http://docs.webix.com/helpers__ajax_operations.html

webix.ajax().sync().get("some.php");
webix.ajax().sync().post("some.php");
5

A very similar question was asked a year earlier - Pivot Chart + overlay. This suggests it would be nice for Webix to implement showOverlay for all widgets.