Questions on Kendo UI for Angular Forum

2 answers

139 views

Detail Row Template with Angular Animations

Hello,

Is it possible to use angular animations
https://angular.io/guide/animations#animating-a-simple-transition

with your Detail Row Template:
https://www.telerik.com/kendo-angular-ui/components/grid/master-detail/detail-template/

Specifically, when the row is expanded and collapsed? More specifically, if this is possible, on which element would I place the animation trigger?

Thank you,

-Daniel

Grid

answered on 05 Mar 2021

3 answers

933 views

[Solved] Reactive Form with null date

How can I use the Kendo-datepicker when I am using Reactive forms and the date field is nullable. So sometimes there is a date and sometimes there is not. I can't seem to make this work. An example of how to make this work would help.

Currently, if the date is null or undefined, I get this HTML error: "ERROR TypeError: Unable to get property 'toString' of undefined or null reference"

Any advice would help.

Thanks

DatePicker

answered on 05 Mar 2021

5 answers

6.2K+ views

Kendo Angular Grid - Row selection

Is it possible to disable the selection of specific rows based on the row data? Disable would mean that the selection checkbox would not appear (or would be disabled) and selection by mouse click would be disabled.

General Discussions

answered on 05 Mar 2021

2 answers

1.6K+ views

How do you set the initial value of a ButtonGroup?

Maybe I'm missing something but I couldn't find how to do this in the documentation?! I am using the ButtonGroup to represent a set of values for a configuration screen.

General Discussions

answered on 04 Mar 2021

1 answer

155 views

How to export to excel filtered

How to export to excel filtered data in kendo grid using angular 8

Grid

answered on 04 Mar 2021

4 answers

553 views

[Solved] Is it possible to lock a Command Column?

App contains the following definition:

<kendo-grid-command-column *ngIf="guru" title="Edit" [width]="150">

<ng-template kendoGridCellTemplate let-isNew="isNew">

<button kendoGridEditCommand [primary]="true" *ngIf="!noUpdate">

Edit

</button>

<button kendoGridRemoveCommand>Remove</button>

<button kendoGridSaveCommand [disabled]="formGroup?.invalid">

{{ isNew ? "Add" : "Update" }}

</button>

<button kendoGridCancelCommand>

{{ isNew ? "Discard changes" : "Cancel" }}

</button>

</ng-template>

</kendo-grid-command-column>

Adding [locked]="true" results in: core.js:6142 ERROR Error: There should be at least one non-locked column.

Is it possible to lock the command column so the user doesn't have to scroll to it on wide tables to make something happen? Or does the limitation on locking and templates apply?

Grid

answered on 04 Mar 2021

1 answer

1.8K+ views

kendo-excelexport-column template

how do i apply a template to a grid cell when i export it to excel?

something like this:

<kendo-grid-excel [fetchData]="allData">

<ng-container *ngFor="let item of array">

<kendo-excelexport-column [field]="item.field">

<ng-template let-value="value">

<span>EXAMPLE: {{value}}</span>

</ng-template>

</kendo-excelexport-column>

</ng-container>

</kendo-grid-excel>

regards,

alex

Excel Export

answered on 04 Mar 2021

0 answers

102 views

Single panelbaritem expansion

I have a lot of panelbar item those are being rendered dynamically using a loop.I want to expand any one of the panelbar from component based on some predefined logic.How to I expand that particular panel bar from my component.

It would be better if we could scroll down to the exactly expanded panelbaritem

PanelBar

asked on 04 Mar 2021

0 answers

342 views

Filtering fields that are arrays of strings

I'm having trouble using a string filter when my field is an array of strings. It works fine if the strings are entirely numeric, but not at all when they contain non-numeric characters.

Here's my stackblitz example: Filter arrays of strings

I'm aware that my model is less than ideal, and I'd rather not refactor it if I don't have to.

Is there a way to override the process() method to handle this? Is the source for process() available?

Grid

asked on 03 Mar 2021

1 answer

1.0K+ views

DataItem does not exist

Hello,

I'm using Angular Master Detail Grid to build a hierarchical Data table. I followed https://www.telerik.com/kendo-angular-ui/components/grid/master-detail/ this article and getting the following error while running the app:

Error: src/app/app.component.html:25:83 - error TS2339: Property 'dataItem' does not exist on type 'AppComponent'.

25 <div *kendoGridDetailTemplate="let dataItem, let rowIndex = rowIndex; showIf: dataItem.skuMessageList">

src/app/app.component.ts:9:16
9 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AppComponent.

This is the code Snippet -

Any help would be appreciated.

Grid

answered on 03 Mar 2021