We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Essential JS2

Syncfusion jQuery based widgets are no longer in active development. Switch to our pure JavaScript based next generation Essential JS 2 library.

Syncfusion Feedback

How to navigate to another page form for Grid CRUD?

Platform: jQuery |
Control: ejGrid |
Published Date: September 19, 2018 |
Last Revised Date: September 19, 2018
Tags: editing, crud

This Knowledge base explains how to navigate to another page form for performing grid CRUD operations.

Solution:

By default, the Grid has in-built support for performing editing operations in external form and dialog. But in some cases, if you want to perform editing operations in a separate form on another page then this behavior can be achieved by preventing the default behavior of editing operations of Grid in the actionBegin event.

The following code example demonstrates how to navigate to another page form for performing grid editing operations.

 

1.Render the Grid control.

HTML

JavaScript

MVC

 

C#

 

ASP.NET CORE

 

C#

 

EditForm

 

2. In the actionBegin event of Grid we have prevented the default action by setting args.cancel as true and redirected to the required Edit form by using the window.location.

JS

 

 

ASPX

 

JS

 

C#

 

 

Angular

HTML

 

TS

 

C#

 

 

 

Result:

Figure 1:Initial rendering of grid

 

 

Figure 2Edit form on another page

ADD COMMENT
You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile