how to fire event(save) from outside main htmlbutton to syncfusion save button

[Dongil Shin]

Hi, 

I'm using bulk batch edit functionality of the grid.

as attached screenshot, I'd like to fire event(save) of the syncfusion grid from outside main html button.

Is it possible?

Please give me a response.

Thank you.

Kind Regards,

Attachment: main_save_button_wants_to_trigger_syncfusion_savebtn_6fb311a4.zip

[Seeni Sakthi Kumar Seeni Raj]

Hi Dongil,  

 

Thanks for contacting Syncfusion Support.  

 

We could see you would like to save the Grid records from the external action. This can be achieved by using the batchSave method of the Grid. Refer to the following code example and API Reference.  

 

<input type="button" value="Save" onclick="SaveHandler()" /> 

 

@(Html.EJ().Grid<object>("FlatGrid") 

                    .EditSettings(edit => 

                    { 

                        edit.AllowAdding() 

                            .AllowDeleting() 

                            .AllowEditing() 

                            .EditMode(EditMode.Batch); 

                    }) 

 

) 

 

<script type="text/javascript"> 

    function SaveHandler() { 

        var obj = $("#FlatGrid").ejGrid("instance") 

        obj.batchSave() 

    } 

</script> 

 

BatchSave: https://help.syncfusion.com/api/js/ejgrid#methods:batchsave 

BatchCancel: https://help.syncfusion.com/api/js/ejgrid#methods:batchcancel 

 

Events related to the Batch Editing mode.  

 

https://help.syncfusion.com/api/js/ejgrid#events:celledit 

https://help.syncfusion.com/api/js/ejgrid#events:cellsave 

https://help.syncfusion.com/api/js/ejgrid#events:beforebatchsave 

 

Regards,  

Seeni Sakthi Kumar S.