Activate dialogue edit on row double click and activate inline edit on column action edit click

Hi , 
How do you make it such that activate dialogue edit on row double click and activate inline edit on column action edit click






3 Replies

MS Madhu Sudhanan P Syncfusion Team February 11, 2019 12:21 PM UTC

Hi Samuel, 

Thanks for contacting Syncfusion support. 

It is not possible to use in-built dialog and inline edit in same grid. However we can show dialog by extending the edit renderer module as below. 


    var grid = new ej.grids.Grid({ 
        ... 
        editSettings: { ... mode: 'Inline' }, 
        .... 
 
        beginEdit: function(args) { 
          args.row.classList.add('e-dlgeditrow') 
        } 
    }); 
     
    var dbClick = false; 
    grid.on('dblclick', function() { dbClick = true; }); 
 
    grid.appendTo('#Grid'); 
     
    var dialogRenderer = new grid.editModule.renderer.editType.Dialog(grid, grid.serviceLocator); 
     
    grid.editModule.renderer = ej.base.extend(grid.editModule.renderer, { 
      update: function(args) { 
        if (dbClick) { 
           
          dbClick = false; 
           
          dialogRenderer.update(this.getEditElements(args), args); 
           
          this.parent.setProperties({ 
            editSettings: { mode: 'Dialog'} 
          }, true); 
 
        } else { 
          this.renderer.update(this.getEditElements(args), args); 
          this.parent.setProperties({ 
            editSettings: { mode: 'Normal' } 
          }, true); 
        } 
         
        this.convertWidget(args); 
      } 
    }); 


   

Regards, 
Madhu Sudhanan P 



SA Samuel February 11, 2019 03:52 PM UTC

This was very helpful. Thank you!


MS Madhu Sudhanan P Syncfusion Team February 11, 2019 05:12 PM UTC

Hi Samuel, 
Thanks for the update. Please get back to us if you need further assistance. 
Regards, 
Madhu 


Loader.
Up arrow icon