Is it possible to create a dynamic ButtonGroup like this?
<kendo-buttongroup selection="single">
<div *ngFor="let label of labels" >
<button kendoButton [togglable]="true" [icon]="" >label</button>
</div>
</kendo-buttongroup>
Hello,
I have a Grid with a column where I use an async pipe to format the displayed value using a custom cell template
<ng-template kendoGridCellTemplate let-dataItem>{{dataItem.Value | myPipe}}></ng-template>
Unfortunately I could not find a way to do this same transformation for the exported data. Is there a way to use async pipes or pipes in general in combination with the Excel export functionality?
Regards,
// Lukas
Hi,
I successfully managed to make the Add, save and cancel functionalities in the toolbar of my grid but kendoGridEditCommand doesn't work. I enabled selectedKeys so I have an active row. How can I edit/delete a row using toolbar buttons? Can you provide my an example?
<ng-template kendoGridToolbarTemplate> <button (click)="onToggleFilterBar()" class="k-button k-filter-button"> <i class="fa fa-filter" aria-hidden="true"></i> </button> <button kendoGridAddCommand class="k-button k-add-button"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </button> <button kendoGridEditCommand class="k-button k-edit-button"> <i class="fa fa-pencil-square" aria-hidden="true"></i> </button> <button kendoGridSaveCommand class="k-button k-save-button" [disabled]="formGroup?.invalid"> <i class="fa fa-floppy-o" aria-hidden="true"></i> </button> <button kendoGridCancelCommand class="k-button k-cancel-button"> <i class="fa fa-times-circle" aria-hidden="true"></i> </button></ng-template>How to tap in to the click event of the "+" expand "-" collapse click events. Clicking on the row triggers the "cellClickHandler($event)", I need it to be able to handle detail click as an event also.
<kendo-grid
[data]="mainData"
(cellClick)="cellClickHandler($event)"
>
<kendo-grid-column>
// column stuff
</kendo-grid-column>
<kendo-grid-column>
// more column stuff
</kendo-grid-column>
<ng-template kendoGridDetailTemplate>
<table> // stuff </table>
</ng-template>
</kendo-grid>
In trying to move the Master-Detail Grid example from the Telerik site [ https://www.telerik.com/kendo-angular-ui/components/grid/advanced-features/hierarchy/ ] to a VS Code solution, I am greeted by the following error when the solution is served;
"ERROR in src/app/category-details.component.ts(44,39): error TS2345: Argument of type 'Object' is not assignable to parameter of type '{ CategoryID: number; }'."
I have found some threads suggesting this may be due to a change in Angular 2.2.
Any thoughts as to why this solution still works as a Plunker, yet not as a VS Code solution; what am I missing here?