Hi ,

I create multiple kendo-grid in a for loop based on the data retrieved from the data source.  Lets assume we have only two grid created by the for loop. 

What I am trying to achieve is to deselect all the rows from the first grid when a row is selected in a second grid.

Setting the selectedIndex = -1  for previous grid and removing the class removes the class , but that row is still not selectable in the grid one.

If you look at any grid examples in StackBliz, we have to manually doa CTL+Click to unselect that row.

How can we mimic the  clicking of Clt+Click  rpogrammatically so kendo does not think that row is already clicked.t

const previousSelectedRow: HTMLCollection = this.grids[this.previousIndex]?.grid.ariaRoot.nativeElement.getElementsByClassName('k-state-selected')[0];
      if (previousSelectedRow) {
        this.renderer.removeClass(previousSelectedRow, 'k-state-selected');
        this.renderer.removeClass(previousSelectedRow, 'selected');
      }

Thanks

Hello, I am currently facing an issue with the "Filter" button in the filter menu popup of my grid.

I implemented a grid with a customized filter menu where I have set the [extra] option to false so I have to fill only one input, as following:

I used the same code to create other grids in my application and I am not facing this issue. Here when I open the filter menu popin, the "Filter" button is first disabled which is normal as I must type something in the filter input to enable it, but even if I do, the "Filter" button stays disabled, and I couldn't figure out what am I missing.

Is there any generic bad implementation that can cause this behavior and that I can fix? Or can I at least make the "Filter" button always clickable (I tried to remove the [disabled] option from the template in the kendo-grid-string-filter-menu file but I still have the same issue)?

Thank you in advance for you reply and tell me if you need some further informations.

Chahid

Hi Team,

Following URL show example export to pdf.

https://www.telerik.com/kendo-angular-ui/components/pdf-export/

What if I have dynamic components?
Means based on the scenario my components getting changing and loading dynamically based on passed parameters.

Regards,
Srinivas M. P.

Hello, 

We Have a dynamic grid columns,  and the user is allowed to add column to it, moreover we  have enabled the reordering feature. 

but whenever a user reorder a column and tries to add a new column, the newly added column is not placed at the last column, but right after the reordered column.

Here's a sample : https://angular-wwvczz.stackblitz.io/

So our business need is that when a user add a new column, the added column should be added as last column, unless user want to change it's position, he can reorder the columns again.

Note in the example that grid.columnList property is not returning the newly added column unless a reorder happens.

can you please advise how should I proceed to achieve this requirement

Thanks in advance

So I took this sample

kendo-angular/examples-standalone/aspnetcore-upload at master · telerik/kendo-angular (github.com)

Removed these lines

/{
            //    // To learn more about options for serving an Angular SPA from ASP.NET Core,
            //    // see https://go.microsoft.com/fwlink/?linkid=864501

            //    spa.Options.SourcePath = "ClientApp";

            //    if (env.IsDevelopment())
            //    {
            //        spa.UseAngularCliServer(npmScript: "start");
            //    }
            //});

changed this line to..

Then loaded the ClientApp in VS code.. Ran it and got the cors error...

I tried to add these lines below but I still got the same error.  What minimal changes do I need to do with this sample to split out the server and client ?

                options.AddPolicy("CorsPolicy",
 builder =>
 {
     builder.WithOrigins("http://localhost:4200")
            .AllowAnyHeader();
 });

            });

Hi,

is there Telerik angular control alternative to the below Infragistic angular dock manager? i want to build dashboard for angular app which will have many dockable floating sections for user to arrange them as per their preference. 

Manage Angular Page Layout | Dock Manager | Ignite UI | Infragistics

I am able to find such built-in control in Infragistic Angular suite (as shown in above link) but can't locate in Telerik Angular suite which is surprise and disappointment to me. I thought to check before i assume that Telerik has no such controls yet!

Thanks

Can you please let me know which class is attached to sticky column when we are hovering it.

I want to keep its background color constant hense want to know its class name

Hi

I tried without succes to add an placeHolder into an search field in grid.

Could you help me ?

Thanks

Hi,

Could you correct this

https://stackblitz.com/edit/angular-zmsedq?file=app/app.component.ts

Regards