Progress Data

Webix JS
1

Как на время получения данных повесить progress icon на таблицу, загружаю данные в datatable через
var datat = new webix.DataCollection({ data: grid_data })
$$(“id_grid_sp”).data.sync(datat);(http://docs.webix.com/samples/19_api/04_progress_data.html не совсем понял как привязать в моем случае)?

2

Можно из событий OnAfterLoad и onBeforeLoad вызывать методы showProgress и hideProgress или же слегка это автоматизировать используя mapEvent

http://webix.com/snippet/3ecae25f

3

и так и так пробую, progress не появляется, может параметры datatable еще нужно какие то задавать?

4

сниппет в прошлом примере определенно рабочий ( из за скорости загрузки это с трудом заметно, прогрес исчезает почти сразу после появления )

ключевой момент - загрузка данных в датастор должна начаться только после того как у него установлены обработчики событий ( .load после attachEvent | mapEvens )

5

гружу данные -

var datat = new webix.DataCollection({ data: grid_data }) $$("id_grid_sp").data.sync(datat);

и события load даже не срабатывают?
grid_sp = new webix.ui({
                container: "div_grid_sp",
                view: "datatable",
                id: "id_grid_sp",
                tooltip: true,
                columns: [
//                                    { id: "3", header: "ID", css: "rank", width: 50 },
                                    { id: "0", header: "ФИО", width: 350 },
                                    { id: "1", header: "Пол", width: 100, sort: "string" },
                                    { id: "2", header: "Дата рождения", width: 270 },
                                    { id: "9", header: ["Адрес", { content: "textFilter" }], width: 350 }
                ],
                height: 500,
                width: 1100,
                select: "row",
                datatype: "jsarray",                 

                on: {                    
                    onBeforeLoad: function () {
                        this.showOverlay("Loading...");
                    },
                    onAfterLoad: function () {
                        this.hideOverlay();
                    }
                }
6

понятно…
события load(onBeforeLoad), на загрузку страницы работают, так можно на
var datat = new webix.DataCollection({ data: grid_data }) $$(“id_grid_sp”).data.sync(datat);
применить???

7

разобрался,тупанул, извиняюсь!!!Спасибо