On mobile resolutions, on small screen, the numbers indicating the total available pages and current selected page on the grid disappear. Is there a way to have the appear at all times ?
Hello,
Is batch editing available in Kendo UI for Angular? If so, could you provide guidance or resources on how to implement it?
I am attempting to implement a custom filter for the Grid using the example found here:
https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-menu#multi-checkbox-menu-filtering
I have taken this example and removed some of the unnecessary items. Here's a link to the example which works:
WORKING: https://stackblitz.com/edit/angular-xldwansq?file=src%2Fapp%2Fapp.component.ts
This creates a custom filter component that is a multi-checkbox filter. It correctly filters the products. I can see when selecting that the local `filter` variable is updates as I select options, and when I click "Filter" it's applied to the grid and I can see the grid's filter at the top. When I open the filter menu again, I can still see the product filters that I originally applied selected.
However, or my purposes, I do not wish to filter on the name itself, but rather on the ID. Since I'm selecting from a finite list with IDs, this will be more performant when getting data from the database.
To accomplish this, I set the component to use the products list directly, and tie in the textField and valueField. I then set the isPrimitive to false. Here is a link to the example:
NOT WORKING https://stackblitz.com/edit/angular-i3fyq6hp-n9nbqzrz?file=src%2Fapp%2Fapp.component.ts
The filter does indeed work, however when opening the filter menu again, it does NOT retain the previous set filters. Setting another set of filters appends the new set with the old set with AND logic. Clearing also doesn't seem to work.
Looking for any help or direction here. Thanks!
I have a Kendo Grid that displays a date. I wish to make it inline-editable.
The kicker here is that I'm also using ngrx for immutable state management / redux pattern. So, the array that is used for the data in KendoGird, as is each individual object is immutable. Unfortunately, it looks like when I use Kendo Grid's editor functions, it attempts to apply the changes to the dataItem (which is read-only and produces an error and prevents moving forward)
I've produced an example that shows this. It doesn't use ngrx just to avoid having to set that up for the example, but it makes the object that is used for the dataItem immutable using Object.defineProperties().
https://stackblitz.com/edit/angular-cdgpy4-y8jhnhyj?file=src%2Fapp%2Fapp.component.ts
You can see trying to update the date causes an error in the application.
I was hoping to prevent the save on Kendos's side using sender.cancelCell(); but that doesn't seem to work.
Any ideas?
Right now in my company we are trying to fix an issue were if we have a grid with with some locked columns in the left side of the grid, if we try to reorder some of the columns (not locked) from the right side to the grid the horizontal scroll doesn't move when we try to drag and drop the column.
I took code from one of your demos and made a small change jus to show the behavior:
In this image you can see that the horizontal scrollbar is not moving.
Even removing the locked columns the auto horizontal scroll doesn't work.
This functionality seems like works fine on the React version of the grid.
Is there a way to make the horizontal scrollbar to move?
Hi!
So could you maybe help with such problem. I tested same thing on demo on official website and it works fine:
event is WheelEvent here, which is good. However, when I do same thing in my application (try to scroll over locked column), I get an error because event is undefined in the exact same place:
Do you maybe know or have suggestions what could be the cause? Thank you!
Here is not compressed version. Shouldn't it be args.preventDefault() instead of "event"?
Is there any event, which is fired, when the chart column is lowlighted? E.g. when the cursor goes to another serie item or simply goes far enough.
I know there is an event "seriesLeave", but this is not what I'm looking for since this is fired directly when the cursor moves off the column and not yet when the columns turn darker.
I've already tried "plotAreaLeave", but neither this is the one I need.
Thanks for any reply.
We are wanting to implement a date range filter in our Kendo Grid. We use the filter menu (`"filterable"='menu'`). We found a great example for the `row` style filter:
https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-row#using-daterange
Trying to convert it to a filter menu (which should be as simple as changing`kendoGridFilterCellTemplate` to `kendoGridFilterMenuTemplate`) it doesn't work. It shows up, but interacting with it at all produces an error. Live example:
https://stackblitz.com/edit/angular-cdgpy4-xaa6tw?file=src%2Fapp%2Fapp.component.ts
Looking for a bit of help here on how to implement this.
I just did an ng add for kendo-angular-buttons and got this message:
"Package "@progress/kendo-angular-buttons" was found but does not support schematics."
It's not an error, but it is an alarming red color on my Powershell window...
What does this mean and should I worry about it?