This knowledge base explains how to render Grid with record editing in inline approach and record add in dialog approach
Toolbar click actions can be intercepted using in toolbarClick event. By default grid will be rendered with editType as inline mode. When Add button is clicked, default action is prevented by defining the args.cancel as true and custom dialog is opened in toolbarClick event. When save button is clicked in the dialog then the record is saved using addRecord() method of ejGrid and when cancel button is clicked the dialog is closed.
Refer the below screenshot for output of the above example
Figure 1:While editing the record
Figure 2: While click on the Add icon in toolbar
|Article ID:||Published Date:||Last Revised Date:||Platform:||Control:|