How to render Grid with add form always in Angular Grid

[lorryl]

I am using reactive form, and I have a custom add button to add grid record. 

I want to save the current row before adding new record. When I call endedit, and AddRecord, the new records do not work. No new records appear.

I need to add timeout like below to work. Do you have a better solution?

[Rajapandi Ravi]

Hi lorryl, 

Greetings from syncfusion support 

We have analyzed your query and we could see that you are saving the current editable row by calling endEdit() method and also call the addRecord() method at the same time. While calling the two methods at the same time it will not function. You can achieve your requirement by using setTimeout function. Set some delay and call the addRecord() method to achieve your requirement. Please refer the below code example for more information. 

 

 

addtx(args) { 

      if(this.grid.isEdit) { 

        this.grid.endEdit(); 

      } 

      setTimeout(function(){  

      this.grid.addRecord(); 

         }.bind(this), 500); //Set some delay for calling the addRecord() method 

    } 

 

Regards,
Rajapandi R