I am currently working on a project where I need to highlight selected cells in a Kendo grid. When I right click on a cell, a context menu specific to that cell is displayed. You can view my progress so far here.
I have been inspired by Kendo components and managed to achieve the desired output for the "ID" column based on the "ProductID" (refer to line 80 in app.component.ts). However, I want this functionality to apply to all cells regardless of their column or row.
I would appreciate any help in achieving this goal. Thank you in advance.
app.component.ts
import { Component, ViewEncapsulation, Renderer2 } from '@angular/core';
import { RowClassArgs } from '@progress/kendo-angular-grid';
// Rest of the code remains the same...
grid-context-menu.component.ts
import { Component, ContentChild, EventEmitter, Input, Output, OnDestroy, Renderer2, TemplateRef } from '@angular/core';
import { Subscription } from 'rxjs/Subscription';
import { GridComponent } from '@progress/kendo-angular-grid';
// Rest of the code remains the same...
app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { GridModule } from '@progress/kendo-angular-grid';
import { PopupModule } from '@progress/kendo-angular-popup';
import { GridContextMenuComponent } from './grid-context-menu.component';
import { AppComponent } from './app.component';
@NgModule({
imports: [ BrowserModule, BrowserAnimationsModule, GridModule, PopupModule ],
declarations: [ AppComponent, GridContextMenuComponent ],
bootstrap: [ AppComponent ]
})
export class AppModule { }