How to disable the keyboard shortcuts for Pivotgrid?

[Shreekumar]

How to disable the keyboard shortcuts for Pivot-Grid?

[Sivamathi Natarajan]

Hi Shreekumar, 

 

Currently, the pivot table doesn’t have option to disable the keyboard navigation. And, we don’t have any immediate plans to implement it.  

 

Regards, 

Sivamathi. 

[Shreekumar]

As implemented in this example, I'm appending a TextBox inside a cell for edit purpose. But, due to PivotGrid keyboard shortcuts, I'm unable to use Left Arrow Key and Right Arrow Keys within a TextBox.

[Sivamathi Natarajan]

Hi ShreeKumar, 

 

You can restrict the keyboard shortcuts using following code example. 

 

Code Example: 

 

<div class="row"> 

  <ejs-pivotview #pivotview id='PivotView' [dataSourceSettings]=dataSourceSettings showTooltip='false' width='100%' 

    height='300' [gridSettings]='gridSettings' [editSettings]='editSettings' (drillThrough)='drillThrough($event)' (dataBound)='dataBound($event)'> 

  </ejs-pivotview> 

</div> 

 

 

dataBound(args): void { 

    this.pivotObj.grid.addEventListener('keyPressed', this.keyDownHandler.bind(this)); 

  } 

 

  keyDownHandler(args: KeyboardEventArgs) { 

    args.cancel = true; 

  } 

 

 

 

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

 

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

 

We hope the above sample meets your requirements. 

 

Regards, 

Sivamathi.