How to "stay on page" if editing is active?

[R Brian Lindahl]

If a user is editing in a grid, and tries to go to another page without posting his changes, is it possible to display a dialog something like "You have unfinished changes. Would you like to stay on this page?" with "Stay on page" and "Leave page" buttons?

[Prasanna Kumar Viswanathan]

Hi Brian, 

Thanks for contacting Syncfusion support. 

Query : “Is it possible to display a dialog something like "You have unfinished changes” 

Yes, it is possible to display a dialog like “Would you like to stay on this page?” with “Stay on Page” and  “Leave Page” buttons when user go to another page without posting his changes. We achieve this requirement using actionBegin event of ejGrid. This event will be triggered for every grid action before its starts. In this event we check the condition with the requestType with isEdit property and display the dialog. We also stop the default operation(paging) by defining args.cancel as true.  

Find the code example, screenshot and sample:  

@(Html.EJ().Grid<Sample118577.OrdersView>("FlatGrid") 

.Datasource(Model) 

---------------------------------------- 

.Columns(col => 

{ 

    ------------------------- 

}) 

  .ClientSideEvents(eve => { eve.ActionBegin("begin"); })  

) 

@(Html.EJ().Dialog("ErrorList").ShowOnInit(false).Title("Error List").ContentTemplate(@<div> 

     <table> 

         <tr> 

             <td> 

                 <p>Would you like to stay on this page?<p> 

             </td> 

         </tr> 

          <tr> 

              <td> 

                  <input type="button" value="Stay on Page" onclick="Stay()" /> 

              </td> 

              <td> 

                  <input type="button" value="Leave Page" onclick="Leave()" /> 

              </td> 

          </tr> 

     </table> 

 

    </div>)) 

 

<script type="text/javascript"> 

    var page, flag = true; 

    function begin(args) { 

        page = args.currentPage; 

        if (args.requestType == "paging" && flag) { 

            if (this.model.isEdit) { 

                args.cancel = true; 

                $("#ErrorList").ejDialog("open"); 

            } 

        } 

    } 

 

    --------------------------------- 

</script> 

Screenshot:  

 

Sample: http://www.syncfusion.com/downloads/support/forum/127413/ze/Sample118577484376626 

Regards, 

Prasanna Kumar N.S.V 

[R Brian Lindahl]

Thank you!

[R Brian Lindahl]

Thank you!

[Prasanna Kumar Viswanathan]

Hi Brain, 

  

Thanks for the update. 

  

Please let us know if you need any further assistance on this. We will be happy to help you. 

  

Regards, 

Prasanna Kumar N.S.V