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

Selection checkbox column shows up in dialog edit

I have a column setup in grid to allow me select rows. but on edit in dialog it shows up.
Ho do I make it not show up in dialog?

See pic below


3 Replies

PS Pavithra Subramaniyam Syncfusion Team February 11, 2019 11:01 AM UTC

Hi Samuel, 
Thanks for contacting Syncfusion support.  
Query #1: How do I make it not show up in dialog? 
You can achieve your requirement by removing the checkbox row in the “actionComplete” event with ‘beginEdit” and “add” requestType . Please refer to the below code example and Documentation link. 
      var grid = new ej.grids.Grid({ 
        dataSource: data, 
        allowPaging: true, 
        toolbar: ['Add', 'Edit', 'Delete', 'Update', 'Cancel'], 
        editSettings: { allowEditing: true, allowAdding: true, allowDeleting: true, mode: 'Dialog'}, 
        actionComplete: (e) => { 
            if (e.requestType == 'beginEdit' || e.requestType == 'add') { 
                e.form.querySelector("tr").remove()  // in this sample check box is in first row 
        pageSettings: { pageCount: 5 }, 
        toolbar: ['Add', 'Edit', 'Delete'], 
        columns: [ 
            { type: "checkbox", width: 50 }, 
            { field: 'OrderID', headerText: 'ID', visible:false, textAlign: 'Right', width: 120, isPrimaryKey: true } 
                          .   .  . 
Sample               : https://stackblitz.com/edit/u1f4pw-nowcuh?file=index.js  
Please get back to us if you need any further assistance 
Pavithra S. 

SA Samuel February 11, 2019 03:28 PM UTC

This worked like a charm! Thank you very much

PS Pavithra Subramaniyam Syncfusion Team February 12, 2019 04:16 AM UTC

Hi Samuel,  

Thanks for your update.  

Please contact us if you need any further assistance. As always, we will be happy to assist you.  

Pavithra S. 

Live Chat Icon For mobile
Up arrow icon