Hi,

I'm using Kendo Grid Angular implementation. Can we customize the behavior of the column menu filter? I need to stop table filtering but retain all the other functionality(retain filter functionality in the UI). This is mainly because I'm handling the filter implementation in the back end.

Thanks & Regards.

Hi,

I tried to running your sample https://www.telerik.com/kendo-angular-ui/components/grid/filtering/ with Angular12 but i have following error message

Error: src/app/app.component.ts:18:10 - error TS2322: Type 'number | undefined' is not assignable to type 'number'.
  Type 'undefined' is not assignable to type 'number'.

18         [pageSize]="state.take"
            ~~~~~~~~


Error: src/app/app.component.ts:19:10 - error TS2322: Type 'number | undefined' is not assignable to type 'number'.
  Type 'undefined' is not assignable to type 'number'.

19         [skip]="state.skip"
            ~~~~


Error: src/app/app.component.ts:20:10 - error TS2322: Type 'SortDescriptor[] | undefined' is not assignable to type 'SortDescriptor[]'.
  Type 'undefined' is not assignable to type 'SortDescriptor[]'.

20         [sort]="state.sort"

Regards

I have a very straight forward kendo-editor code like the one below

<div #containerRef>
    <kendo-editor style="height:500px">
          <kendo-toolbar>
            <kendo-toolbar-dropdownlist kendoEditorFormat></kendo-toolbar-dropdownlist>
          </kendo-toolbar>
    </kendo-editor>
</div>
 
But my problem is that the dropdown is not showing inside the control but instead it's appending in the root component. I tried adding [PopupSettings]="{appendTo: containerRef}" in <kendo-toolbar> but still not working.
this is my code in .ts
 
@ViewChild('containerRef', { read: ViewContainerRef, static:true }) public containerRef: ViewContainerRef;
 
I confirmed in chrome developer tools that the popup is appending in the root component, 
that's why i use popupsettings but still it's not working.
Anyone experience the same issue?

Hi Team,

I'm trying to use PDF Export to print documents i.e. invoice and delivery order.
But not able to achieve as expected.

1. Added images not exporting
2. Given fonts not coming
3. I want to export exact in display size but it is not coming as I expected

Can you reply with proper examples.

Regards,

Srinivas M. P.

Hi,

I need an action on row Click, so i have tried your sample

https://www.telerik.com/kendo-angular-ui/components/grid/editing/editing-row-click/

But it does not running on Angular12

Error: src/app/app.component.ts:25:31 - error TS2554: Expected 0 arguments, but got 1.

25             (add)="addHandler($event)"
                                 ~~~~~~

Regards

Hello,

I've been struggeling for sometime to figure out how to do this. I have a list of checkedKeys, and I must open the treeview with all the parent nodes for each id expanded.

This is my treeview element :

<kendo-treeview
            style="max-height: 400px; height: 400px"
            [nodes]="parsedData"
            textField="name"
            [children]="children"
            [hasChildren]="hasChildren"
            [(checkedKeys)]="checkedKeys"
            [kendoTreeViewCheckable]="checkableSettings"
            kendoTreeViewExpandable
            kendoTreeViewCheckable
            [animate]="false"
            [(expandedKeys)]="expandedKeys"
            [expandBy]="'id'"
            [checkBy]="'id'"
            [isChecked]="isItemChecked"
        ></kendo-treeview>

And on the ngOnInit I call this 

this.parsedData.forEach(mt => {
    this.setExpandedNodes(mt);
});

And finally this is the setExpandedNodes function:

    setExpandedNodes(node: PropertyNode) {
        if (node.children) {
            node.children.forEach(el => {
                if (el.children && el.children.length > 0) {
                    el.children.forEach(chld => {
                        if (this.checkedKeys.includes(chld.id)) {
                            this.expandedKeys.push(el.id);
                            console.log('Pushed to expanded keys', el);
                        }
                        this.setExpandedNodes(chld);
                    });
                }
            });
        }
    }

Anybody know how can I achieve this?

Thanks for the help.

Right now I have two things up and running 1) the Kendo Angular pattern for using .saveAs(filename) to generate pdfs from html elements and 2) a way of saving File objects to a document library in SQL.I'd like to see if I can bridge the two by saving the finished pdfs directly to SQL by passing them to my upload component as File objects.

Is there a way to catch the finished pdf at the saveAs method invocation as a File or Blob object? Is the export method what I'd need instead and if so could you show me a demo of what the syntax should look like? If you can advise me on how to capture the file or file body correctly I can take it from there.

Hi,

Do you have an github one or two example of Kendo Grid with server Side paging implementation ?

I search complete sample with serverSide for option [kendoGridBinding] with service, pagination and LasyLoading in Angular12  with server side RestControler pagination

Regards