Error: node_modules/@progress/kendo-angular-dateinputs/dateinput/dateinput.component.d.ts:17:29 - error TS2307: Cannot find module '@angular/forms/forms' or its corresponding type declarations.

17 import { FormControl } from '@angular/forms/forms';


 

My organization has complex use cases for the kendo grid that we depend on, hence we created a wrapper component that dynamically generates the columns given a column configuration array, which can include columns with child columns.

I have a working solution but it requires duplicating the ng-template for the column for standalone columns and columns within column groups. This is less than ideal because if we make a change, we need to make it in two places in the template, so the maintenance and testing costs are higher.

I put together an example that I was hoping would work, but it seems like the @ViewChildren in the ColumnGroupComponent does not find child column definitions that are dynamically inserted using *ngTemplateOutlet unless the ng-template it references is declared at the same level in the template. I'm not sure if this is simply a limitation of Angular, or if there's something different that the ColumnGroupComponent can do to query for dynamic child columns.

As a quick example, this works:

<kendo-grid-column-group
    title="{{ column.title }}"
    *ngIf="column.children?.length; else singleColumn"
>
    <ng-container *ngFor="let childColumn of column.children">
        <ng-container *ngTemplateOutlet="columnTemplate, context: { $implicit: childColumn }"></ng-container>
        <ng-template #columnTemplate let-col>
            <kendo-grid-column
                    field="{{ col.field }}"
                    title="{{ col.title }}"
                    format="{{ col.format }}"
                    [filter]="col.type"
            ></kendo-grid-column>
        </ng-template>
    </ng-container>
</kendo-grid-column-group>

But this does not work:

<ng-template #columnTemplate let-col>
    <kendo-grid-column
            field="{{ col.field }}"
            title="{{ col.title }}"
            format="{{ col.format }}"
            [filter]="col.type"
    ></kendo-grid-column>
</ng-template>
<kendo-grid-column-group
        title="{{ column.title }}"
        *ngIf="column.children?.length; else singleColumn"
>
    <ng-container *ngFor="let childColumn of column.children">
        <ng-container *ngTemplateOutlet="columnTemplate, context: { $implicit: childColumn }"></ng-container>
    </ng-container>
</kendo-grid-column-group>

Here's the minimal reproduction example as a reference: https://stackblitz.com/edit/angular-fnyxio?file=src/app/app.component.ts

It would be nice if the grid could support this, which would greatly simplify the code that we have to maintain.

Thanks!

Hi,

I have made a kendo grid with the select checkbox so the user can pick the rows required.

I have everything working that I need except users would like to sort the selected rows so they appear at the top (allows them to check easily what has been selected).

I cannot figure out how to do this, it doesn't seem like I can bind the checkbox to a field.  At the moment the only way I can think of is to use the "selectedKeysChange" event to set a boolean variable to true for each selected row and then make a custom button a manual sort (although not gone down this route just yet so not sure it will work)

Is there a built in way to sort selected rows / kendo-grid-checkbox-column?

Many Thanks

I have tried many ways... I don't want to have to convert it to a string on the server.. The value coming back from the DateTime C# property is

So my template is

But it doesnt format anything.. What is the right way to do this ?

HI,

we can intercept the ActionClic of the ListBox, but how we can stop the acction. For exemple, if the "delete" action need to be cancelled after some validation.

Thanks

Hi,

I have a chart where I show data of all day divided by 15 minutes (=96 values), so I have very dense columns. The labels are shown every fourth column (they label every hour) and are a bit longer (6 characters), so they overlap each other if they're not rotated.

BUT, I don't want them to be rotated by 90 degrees (it's very difficult to read them in this case).

So, I'm currious, whether there is an option

• to allow the labels to overlay into neighboring slot (so they wouldn't occupy only their slot, but their + 2 neighboring ones)
• to set maximum angle to which labels can be rotated, so they do not overlap and are still clearly readable

Thanks for any advice.

Jiri

My license activates as expected when running the app normally, but I get a warning when unit testing.

In a component which uses the MultiSelect, I have to import the DropDownsModule for the component's spec.ts file. However, once I do so, I get warnings that the license activation failed and no license was found.

What's causing this and what do I need to provide the tests with?

Hello,

I'm trying to show a kendo-treeview with drag and drop feature and filterable feature...

It seems like when kendoTreeViewDragAndDrop is applied to the treeview the attribute filterable does not work and does not filter any nodes by the given [textField] attribute.
I also tried with custom kendo-text filtering like said in the documentation but, it also does not work.

Here is a link to a stackbliz to get the reference: link

The stackbliz was forked by the kendo-treeview.

I also found this link in github, so the issue seems to be known but forgotten?

Thank you,
K.

Not a huge problem since that can be overridden, but that should work anyways.