One of the property of in my grid datasource is a color that I want to filter on. I do not whant to show it as colomn.  I'll use a external menu to filter the grid. 

I am using a kendo-multiselect, everything looks fine but on the valuechange event I want to emit the filter CompositeDescriptor without losing previous filters.

Do you have any idea how to do it?

In you external form example:

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

what's the best way to get the form to submit on enter. Cancel works with Esc key.

Not sure if anyone is interested, but I implemented a factor directive that provides the same functionality as the jquery version of the widget.

The main use case for this is our users want to see percentages when editing as integers.

Here is a link to the repo and demo:
https://github.com/lucasheight/kendo-angular

https://stackblitz.com/github/lucasheight/kendo-angular

Hi guys,

I would like to call the GridComponent's method autoFitColumns() after initially loading the data but don't want to have an extra button for this. Instead I would like to call the method only after the first time the data has been initially rendered (or every time new data has been loaded). Is that possible?

Regards, 

K. Dimitrov

Hello Telerik team,

I would like to use the built-in loading indicator, but it doesn't get shown during (relatively heavy) local computations (nodejs loop freezes). Do you have any suggestion? Thanks in advance!

Best regards,

K. Dimitrov

This took me a while to debug this and figure out what was causing the issue, but it appears if the Date value you send to [min] has a time piece to it then the month selection breaks....temporarily.  If you use the mouse wheel to scroll between the months it works fine.  It's only if you mouse click to a new month that the calendar appears empty, but then reappears if you click again to different months.

I have created a stackblitz: https://stackblitz.com/edit/angular-zzgbh9

I have also attached a GIF displaying the issue since it's hard to explain, but you will see it more clearly with the GIF

Again, it only appears to have this odd behavior when the Date has a time piece to it.  If I create the date with no time then there doesn't seem to be any issue.

Let me know if you need anymore information.

When using the PDF export function is there a way to customize the export? 

For example, in my scheduler component I currently specify a kendoSchedulerEventTemplate to render my events.  I have use cases where when I export, I may want to have additional information rendered for each event. 

So I was thinking if there was something like an export template kendoSchedulerExportEventTemplate (for example) so when I use the export function it uses that template for rendering instead.

Does that functionality currently exist?

I have a general question related to the TableBodyComponent.html. It has an *ngIf that's kicking off a changed after checked error and I'm trying to figure out how the content of the if statement relates to my data.

The particular *ngIf is below the console error in the attached image (in case the image doesn't send properly it's at TableBodyComponent.html: 125). I'm not 100% sure what the content of the if statement conveys and I'm wondering if you can offer any insights as to what's getting hooked on my side that I may need to manually postpone to prevent this error.

Hi, 

I've got a Datagrid grouped by two different groups.The footer templates seems to be working just for the first group. Is it possible to define the footerTemplate for more than one group.

This is the datasource:

dataSource: {
                    group:[
                        {field: "style", dir: "desc",
                            aggregates: [
                                    { field: "style", aggregate: "count" },
                                    { field: "fob", aggregate: "sum" },
                                    { field: "quantity", aggregate: "sum" },
                                    { field: "approvedQuantity", aggregate: "sum" },
                                    { field: "sellingTotal", aggregate: "sum" },
                                    { field: "fobTotal", aggregate: "sum" },
                            ],
                        },
                        {
                            field: "colour", dir: "desc",
                            aggregates: [
                                    { field: "style", aggregate: "count" },
                                    { field: "fob", aggregate: "sum" },
                                    { field: "quantity", aggregate: "sum" },
                                    { field: "approvedQuantity", aggregate: "sum" },
                                    { field: "sellingTotal", aggregate: "sum" },
                                    { field: "fobTotal", aggregate: "sum" },
                            ],
                        }
                    ],

And this is the column:

{
                            field: "colour",
                            title: "Colour",
                            footerTemplate: function (data) {
                               
                                return "<div style='text-align:right'>Total Buy Margin: 100%</div>"
                            },
                            groupFooterTemplate: function (data) {
                               
                                var groupBuyMargin = 98; // This is just an example

                                return "<div style='text-align:right'>Style Buy Margin: " + groupBuyMargin + "%</div>"
                            },
                        }

Thanks,

Paul