Forums Ignite UI for Angular
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Erwin Jan Berg
35
Custom grid cell editor navigation
posted

Hello!

In our grid we are using a custom number input as follow:

<ng-container *ngIf="childCol.dataType === 'number'">
  <ng-template igxCellEditor let-cell="cell">
    <div class="igx-input-group igx-input-group--fluent full-width">
      <ct-inputNumber
        #inputNumber
        [(ngModel)]="cell.editValue"
        mode="decimal"
        [minFractionDigits]="childCol.digitsInfo"
        [maxFractionDigits]="childCol.digitsInfo"
      ></ct-inputNumber>
    </div>
  </ng-template>
</ng-container>

Now the problem is that cellEditDone doesn't get triggerd when using keyboard navigation. When using the mouse to navigate the correct events are triggered. I guess I need to add some properties to our component, but what do I need to add to make the keyboard navigation work?

Parents
No Data
Reply
  • 640
    Offline posted

    Hello Erwin,

    Thank you for posting in our community.

    I have created a small sample trying to reproduce the described behavior. I am using custom number input as a cell editor. On my side everything works as expected and cellEditingDone event is emitted when I am using keyboard navigation.

    Please test the sample on your side and let me know how it behaves. If this is not an accurate demonstration of what you are trying to achieve, please feel free to modify it and send it back to me along with steps to reproduce. Alternatively, if the behavior cannot be replicated, please feel free to provide your own sample.

    Having a working sample on my side, which I can debug, is going to be very helpful in finding the root cause of this behavior.

    Thank you for your cooperation. 

    Looking forward to hearing from you.

    Regards,
    Viktor Kombov
    Entry Level Software Developer
    Infragistics, Inc.

Children