1. Home
  2. Forum
  3. Vue
  4. Unable to suppress confirmation dialog of batch mode

Unable to suppress confirmation dialog of batch mode

Hi team,

I am using Vue.js TreeGrid to meet the following requirements:

1. Have a hierarchical dataset.
2. There are 15 columns out of which only 4 are editable. So do not want to use mode: 'Batch'.
3. After I edit any of the editable cells, the background color of the cell must change to green (just like when the is mode: 'batch').
4. There will be no explicit buttons/actions to save, edit, cancel, update, delete, etc.

With the following, I am able to achieve what I want but when I expand collapse the rows after I edit any cell, I get a confirmation dialog which I do not want.

I have set allowEditing: false at column level for all the columns where editing is not needed. Only individual columns where editing is needed are set as allowEditing: true.true. 


  field='Stub' :isPrimaryKey='true' headerText='Stub' width="500">
  field='CSBALine' :allowEditing= 'false' headerText='CSBA Line' width="150">
  field='LineType' :allowEditing= 'false' headerText='Line Type' width="100">
  field='BAType' :allowEditing= 'false' headerText='BA Type' width="90">
  field='BACat' :allowEditing= 'false' headerText='BA Cat' width="80">
  field='Filter' :allowEditing= 'false' headerText='Filter' width="80">
  field='PYBA' :allowEditing= 'false' headerText='PYBA' width="120" textAlign='Right'>
  field='CYBA' :allowEditing= 'false' headerText='CYBA' width="120" textAlign='Right'>
  field='BYBA' :allowEditing= 'false' headerText='BYBA' width="120" textAlign='Right'>
  field='HLatestBA' :allowEditing= 'false' headerText='H Latest BA' width="120"
            textAlign='Right'>
  field='SLatestBA' :allowEditing= 'true' type="number" format= 'C2' headerText='S Latest BA' width="120" textAlign='Right' :customAttributes="customAttributes">
  field='ConfBA' :allowEditing= 'true' type="number" format= 'C2' headerText='Conf. BA' width="120" textAlign='Right' :customAttributes="customAttributes">
  :columns='QuantityColumns' headerText='Quantity' textAlign='Center'>


editSettings: {allowEditing: true, mode: 'Batch', showConfirmDialog: false, showDeleteConfirmDialog: false },

1 Reply
PS Pon Selva Jeganathan Syncfusion Team May 20, 2021 03:09 PM UTC

Hi Stephen, 
 
Thanks for using Syncfusion Products.  
 

Query: Unable to suppress confirmation dialog of batch mode

From your query, we understood that you need to hide the confirmation dialog. We hide the confirmation dialog of batch mode by using the showConfirmDialog property to set false in editSettings.  We are quite unclear of your query.  
 
Please refer to the below sample, 
 
Please refer to the below video demo, 
 

Share us the following details to ellobarte the details of your requirement.

 

  1. Kindly share the edit mode detail.
  2. Share the detail explanation of your requirement
  3. If possible, share the issue reproducible sample or reproduce the issue on shared sample.
  4. Complete Tree Grid code example. 
 
Kindly get back to us for further assistance. 
 
Regards,
Pon selva 



Loader.
Up arrow icon