Here is an article I wrote, and I would appreciate your feedback

Bridging the gap: Angular Signals + Kendo UI Grid. 🔄
I’m sharing my journey on refactoring enterprise apps using rxResource, withPreviousValue, and a custom directive for a glitch-free, high-performance UI.

https://medium.com/we-code/kendo-angular-grid-meets-signals-25537c901cdf

Thanks.

Diego

Hello,

I'm trying to get a custom column menu item list using the Angular Grid to work, but it does not seem to be accessible through the keyboard.

See following Stackblitz for a reproduction example: https://stackblitz.com/edit/angular-tzm2tpqt?file=src%2Fapp%2Fapp.component.ts

I navigated to a header column using tab to focus the grid and the arrow keys to select a specific header column, then pressed ALT + Arrow Down to open the column menu. The column menu opens as expected, but the initial menu item is not focussed and I cannot access the menu items using the keyboard. Instead, the grid is still focussed.

Any advice on what might be wrong in this example would very much be appreciated.

I have a grid where row height and detail row height are set correctly (i think) and virtual scrolling is turned on.  when I expand a row to show the detail view, as soon is i try to interact with the detail view (It has a tabstrip in it) it will jump that row to the top of the gird view.  It's pretty jarring.  ONLY when the detail component is at the top of the grid view will it let me interact with the detail view.  Not sure if i'm doing something wrong or there's a bug.

i attached a zipped mp4 of the behavior.

Tengo algo como esto dentro de un kendo grid , en el toolbar yo necesito tener un input que me servira de buscador para mi grid y al lado quiero  kendoGridAIAssistantTool , hacia la derecha quiero 2 botones importar excel y pdf , la pregunta es porque no aparece mi input? cuando utilizo kendo toolbar  , ademas que quiero usar comandos de generar PDF Y Excel del grid pero solo puedo con kendoGridToolbarTemplate deberia poder usarlo tambien con kendo-toolbar , ya que kendoGridToolbarTemplate y kendo-toolbar no se puede usar a la misma vez  , deberian arreglar eso

 <kendo-toolbar>

   <kendo-textbox
      style="width: 200px"
      placeholder="Buscar..."
      (valueChange)="onFilterChange($event)">
    </kendo-textbox>

<kendo-toolbar-button

kendoGridAIAssistantTool requestUrl="https://demos.telerik.com/service/v2/ai/grid/smart-state"

[keepOutputHistory]="true"

[aiPromptSettings]="aiPromptSettings"

[aiWindowSettings]="aiWindowSettings">

</kendo-toolbar-button>

    <button kendoGridExcelCommand>
      Exportar Excel
    </button>

    <button kendoGridPDFCommand>
      Exportar PDF
    </button>

 </kendo-toolbar>

Hi,

I'm experiencing an issue with the Kendo Grid Context Menu, when cellRowspan is active.

Reproduction:

• Open https://stackblitz.com/edit/angular-dbrbstsb-jmugb3st?file=src%2Fapp%2Fapp.component.ts
• Right click on the first cell within the "Unit Price" column
  • the alert shows that the "UnitPrice" column has been clicked, which is correct
• Now right click on the second cell within the "Unit Price" column
  • the alert shows that "UnitsInStock" is clicked, which is wrong

It seems like the wrong column is being calculated when rowspan is active.

I'm on the latest Kendo version (v21.3.0).

Is this a known issue?

Thanks in advance!

Hi,

I've implemented a <kendo-grid-column-group> in my Grid and discovered this lead to warnings being plotted into the browser developer console:

You can easily verify this by the official example:

https://www.telerik.com/kendo-angular-ui/components/grid/columns/headers

-> Edit in -> Stackblitz -> Open Console

I'm working with the latest Kendo version 21.2.0 and ng 21.0.2.

Is this a known issue? Thanks in advance!

kendo 19.3.0, angular 19.2.17. 

applying kendoGridToolbarFocusable to kendo-dropdownlist gives it the correct behavior to stay focused on click but this same behavior did not work for kendo-multiselect. it stays open so long as the click is held in but once released it closes. if the mouse is hovered over the dropdown that opens AND THEN released, the multiselect stays open and has intended behavior after selecting items.

kendoGridFocusable was also tried in this scenario and did not produce results.

<ng-template kendoGridToolbarTemplate>
<kendo-dropdownlist style="min-width:220px; margin-right:5px; margin-left:5px"
                    kendoGridToolbarFocusable
                    [data]="names"
                    (valueChange)="handleApplyAllValueChange()"
                    [defaultItem]="defaultApplyAllItem"
                    [textField]="'nm'"
                    [valueField]="'id'"
                    [(ngModel)]="applyAllItem"
                    [hidden]="isRevisedRadioButton()">
</kendo-dropdownlist>
<kendo-multiselect style="min-width:220px; max-width:220px; max-height: 140px; overflow-y: auto"
                   kendoGridToolbarFocusable
                   [data]="applyAllSecondaryList"
                   [textField]="'nm'"
                   [valueField]="'id'"
                   [disabled]="isApplyAllSecondaryDisabled()"
                   [autoClose]="false"
                   [(ngModel)]="applyAllSecondaryItem"
                   [placeholder]="'Select Secondary'"
                   [hidden]="isRevisedRadioButton()">
  <ng-template kendoMultiSelectTagTemplate let-dataItem kendoGridToolbarFocusable>
    {{ dataItem.deviationNm }}
</ng-template>
</kendo-multiselect>
</ng-template>

I have an angular component with a grid that is group by three properties.
It is much like this basic kendo grouping example.

If I expand some groups and use page down. Then when i use arrow up/down fokus is still where i pressed page down.

The grid should set fokus on the next page when i press page down. This seem like a simple feature but I havent found a good simple way of doing this.