after adding new panel, previous panel displaces and position updated

[RakhiS]

Hi,

I am adding panel using addpanel method.

let panel: PanelModel[] = [{

    'id': this.count.toString(), 'sizeX': 1, 'sizeY': 1, 'row': 0, 'col': 0,

  content:'<div style="text-align: right;" id="myDiv"><a class="classAdd"><img src="./assets/flex-images/outline_settings_black_24dp.png" alt=' + this.count.toString() + ' title="Update Component"></a><a class="classDel"><img src="./assets/flex-images/Delete_1.png" alt=' + this.count.toString() +' title="Delete Component"></a></div>'

    }];

this.dashboard.addPanel(panel[0]);

    //var value = this.dashboard.serialize();

in this value i am getting the panel position details of all the panels.

after this i am storingit in database.

but when I added new panel, previous panels position gets updated. How can I catch its updated position of changed panel postions and my new panel gets the harcoded position 1,1,0,0

please help

   

   

[Sharon Sanchez Selvaraj]

Hi RakhiS, 

 

Greetings from Syncfusion Support. 

 

We have checked with your reported query. In order to fetch the updated position of the panels, you can use the change event where the required changed panel details would be obtained. 

 

Refer to the sample below. 

 

https://stackblitz.com/edit/angular-nfrdob-y8ceut?file=app.component.ts 

 

Refer to the screenshot as to how panel details are obtained after adding the panels. 

 

 

 

Please get back to us if you need further assistance. 

 

Regards, 

 

Sharon Sanchez S.