How to add custom Buttons in dialog editing

   @(Html.Syncfusion().Grid<Student>("GenericListGrid")

     ...

     .ClientSideEvents(events => events.OnLoad("actionLoad")) // client

               Side Onload event initialized

     ...

   )

   function actionLoad(sender) {

  $("#GenericListGridsfEditButtons").children().remove();

   $("#GenericListGridsfEditButtons").append("<button type='Button'

        style='height: 30px; width: 85px;' name='SaveandClose'

        id='GenericListGridEditSaveandClose' class='sf-

      button Metro background' onClick='actionClick(event)'>Save &

        Close</button> &nbsp &nbsp <button type='Button' style='height: 30px;

        width: 75px;' name='SaveandAdd' id='GenericListGridEditSaveandAdd'

        class='sf-button Metro background' onClick='actionClick(event)'>

        Save & Add</button>");

   }

  function actionClick(e) {

    var gridobj=$find("GenericListGrid");

     if (e.target.textContent == "Save & Close")

        gridobj.sendSaveRequest(); // Bind any events here

     else {

        gridobj.sendSaveRequest();

        gridobj.sendAddNewRequest();

     }

   }