Is there any way I can avoid a edit-popup on double click of a cell?

[Shreekumar]

I have implemented a PivotView as defined in this example 

I'm attaching input-box inside a cell on double click event. Also, on the same time I'm getting Edit Dialog box of PivotGrid (Since it is part of drillThrough event)

Is there any way I can avoid a popup on double click of a cell?

[Sivamathi Natarajan]

Hi Shreekumar, 

 

You can hide the drill through dialog in CSS using following code example. 

 

Code Example: PivotView is the control ID 

 

#PivotView_drillthrough,.e-dlg-overlay,.e-dlg-container { 

  display: none !important; 

} 

 

 

Meanwhile, we have prepared a sample for your reference. Kindly check the below sample link. 

 

Sample Link: https://stackblitz.com/edit/angular-iqe2sr-n8xgvr?file=app.component.ts 

 

We hope the above sample meets your requirement. 

 

Regards, 

Sivamathi. 

[Shreekumar]

This is working. But, If I have a confirmation box on the same page then Confirmation Box will not work

[Sivamathi Natarajan]

Hi Shreekumar, 

 

We are unable to reproduce the reported problem at our end. So, could you please reproduce the reported problem in our provided sample or if possible provide your sample with replication steps. This would be helpful for us to proceed further. 

 

Regards, 

Sivamathi. 

[Shreekumar]

In the current example, update the app.component.html as below: (Included a button, along with PivotView)

<div class="row">

         <ejs-pivotview #pivotview id='PivotView' [dataSourceSettings]=dataSourceSettings showTooltip='false'                     width='100%' height='300' [gridSettings]='gridSettings' [editSettings]='editSettings'                     (drillThrough)='drillThrough($event)'>

          </ejs-pivotview>

<button type="button" (click)="close();">

   Confirm?

</button>

</div>

And, Include the following on app.component.ts

close() {

    DialogUtility.confirm({

        title: 'Confirmation',

        content: 'You have made changes. If you continue, your changes will be discarded. Do you want to cancel your changes?',

        showCloseIcon: false,

        closeOnEscape: false,

        animationSettings: { effect: 'FadeZoom' }

      });

  }

Basically, when we hide a drill through dialog using CSS, other components like 'Confirmation' dialog windows will also not work.

So, how we can handle such situations?

[Sivamathi Natarajan]

Hi Shreekumar, 

 

Based on your requirement we have prepared a sample with confirmation dialog. Kindly check the below sample link for your reference. 

 

Sample Link: https://stackblitz.com/edit/angular-bkvaas?file=app.component.html 

 

We hope the above sample meets your requirements, if not then kindly reproduce the problem in the provided sample and revert us (or) send your sample that replicating the problem. This would be a very helpful for us to proceed it further. 

  

Please let us know if you have concern. 

 

Regards, 

Sivamathi.