Which is the best place to bind "Progress Bar" invocation during "Paste"

Tags: #<Tag:0x00007efc64f3f978>
#1

We like to show a Progress Bar when data is copied on the HandsOnTable.

Tried adding Material2- progress bar in Angular4 integration. Bind the trigger point inside “beforePaste” and tried to hide the progress bar in side “afterPaste” but, it is not working as expected. The progress bar control is enabled only afterPaste is completed. so it is up after the paste and running indefinitely.

Any suggestion on proper binding of this ?

#2

Hi @sumathi.vellaisamy

Can you share the code of your recent progress?

#3

setting “isLoading” in beforePaste, and making is false afterChange. This “isLoading” is bound with Material2 progress bar component through “*ngIf” binding:

beforePaste(data: any) {
    this.isLoading = true;

//doing some grid data alter and update settings here…
}

afterChange(data: any) {
    var action1 = data[1];
    if (action1 == 'CopyPaste.paste') {

       this.onDataPaste.emit('end');
        //If action is to import, then send to server        
        if (this.action == "import") {

            this.importDataToServer();
            this.isLoading=false;
        }
    } 

}
#4

We should have something like this https://www.ag-grid.com/javascript-grid-overlays/#gsc.tab=0

#5

Something like this should work http://jsbin.com/cemeduboha/1/edit but the preloader do not appear instantly in the beforePaste hook

#6

I am closing this issue as there is no reply from the author for more than a week.

#7