I do not want to display Section/Group name on each row. As in this example:

Type Name : Lifecycle

So, instead of Type Name : Lifecycle, I just want to display Lifecycle.

Please help. I am using Angular 8 so prefer not to use jquery if possible.

Hello,

I'm following your stackblitz example:

https://stackblitz.com/run/?file=app%2Fapp.component.ts  

of a stepper form but when I click the next button it is saying my stepper is undefined, why is this?

public next(): void {
        if (this.currentGroup.valid && this.currentStep !== this.steps.length) {
            this.currentStep += 1;
            return;
        }
        this.currentGroup.markAllAsTouched();
        this.stepper.validateSteps(); //this showing as undefined
    }

Thanks

Sinead

Using the built in date filter is not serializing properly.

When the API receives the request I get a 500 error.

Looking at the serialized filter I think the format is wrong:

?page=1&pageSize=10&filter=creationTime~gte~datetime%272020-12-01T19-00-00-05-0%27

this is how I build the query string:

const queryStr = `${toDataSourceRequestString(state)}`;

hi

i I have added a menu to the kendo grid headerTemplate that displays a Popup. When I click on the inside popup, the column  is sorted

How can I disable this?

     I am using the kendo-chart to display charts in my application.  I need to format the values on the chart to currency.  I have tried to use the format option on the kendo-chart-series-item but that did not work.

                <kendo-chart [title]="{ text: selectedCommentDriver?.driverTypeText  + ' Chart' }"  *ngIf="selectedCommentDriver?.driverType === 1">
                    <kendo-chart-series >
                        <kendo-chart-series-item type="column" [data]="(ChartData$ | async) ?.acuityChartData" field="nprImpact"  categoryField="chartLabelText" [labels]="seriesLabels" >
                        </kendo-chart-series-item>
                    </kendo-chart-series>
                    <kendo-chart-category-axis>
                        <kendo-chart-category-axis-item>
                        <kendo-chart-category-axis-item-labels [position]="'end'"></kendo-chart-category-axis-item-labels>
                        </kendo-chart-category-axis-item>
                    </kendo-chart-category-axis>
                </kendo-chart>

Here is a sample of the bar chart with sample data of 100000.  I would like these values to be $100,000.00

Thank you for the help,

Jimmy

Hi 

I was checking this https://www.telerik.com/kendo-angular-ui/components/data-query/api/FilterDescriptor/#toc-ignorecase and tried to use the gte on my filters like in the following example:

 public onFilter(inputValue: string): void {
        this.gridView = process(this.gridData, {
            filter: {
                logic: 'or',
                filters: [
                    {
                        field: 'mainDate',
                        operator: 'gte',
                        value: inputValue
                    },
                    {
                        field: 'otherDate',
                        operator: 'gte',
                        value: inputValue
                    }
                ],
            }
        }).data;

My dates are all formatted in the European date format using a pipe like this in the template:

<ng-template kendoGridCellTemplate let-dataItem>
        {{ dataItem[col.field] | date:'dd/MM/yyyy'}}
</ng-template>

but when I am trying to search for a date ex: 21/05/2010 the data are not filtered on mainDate and otherDate dates greater than 21/05/2010. I am not getting any kind of JS error, but the grid is getting empty, like it doesn't find anything mathcing the filter.

If it's not clear, I could try to make an example on stackblitz.

Hi!

I am looking for examples to implement following when virtual scrolling is enabled for Kendo Angular Grid.

- Predefined group when loading the grid initially. For example, when I navigate to a page which has the grid, I would like to group the grid using a particular column and keep all the groups collapsed. I have tried multiple approaches such as this one: https://stackblitz.com/edit/angular-tpetae

- Have an external button to collapse and expand all groups. For example, when I change grouping on the grid by dragging and dropping columns, I would like to make it easy for user to quickly reach the group needed.

-Ability to display Group header aggregations. I came up with something like this to show count of rows under each group:

<kendo-grid-column field="myCol" title="My Col" width="300">
            <ng-template kendoGridGroupHeaderTemplate let-group let-value="value" let-aggregates>
                <div>{{value}} ({{getCount(aggregates)}})</div>
            </ng-template>
        </kendo-grid-column>
getCount(agg: any): number {
    return (agg && agg.items) ? agg.items.length : 0;
  }

But it doesn't work when groups are collapsed, count becomes 0 (especially when grouping with multiple columns)

Hi

I am trying to have the default filter operators for all dates, set to search between to dates.
My first operator is operator="gte" but how I can change the extra operator to operator="lte" in the kendo-grid-date-filter-menu ?