I am using kendo angular Toolbar. In Jquery version they have event for overflow button clicked. But i didnt find for Angular. Any way we can achieve it.
Angular: https://www.telerik.com/kendo-angular-ui/components/toolbar/responsive-toolbar/
jQuery: https://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar/events/overflowopen
I need to preventDefault because my webpage is getting refreshed on click of overflow button.

How can this be fixed?
I have attached a pic of the issue.
Thanks.

In my app I dynamically create angular material tabs, which each contain a kendo grid.
The problem is when a tab is closed, by clicking on the X in its header, the memory isn't garbage collected. I am implementing ngOnDestroy in my dynamic components and observable subscriptions are cleaned up here. I am also calling ComponentRef.destroy() to ensure the component is destroyed and can confirm ngOnDestroy() is getting called in the dynamically created copmonents. However the memory from the destroyed component isn't being released.
Is there any special cleanup required by Kendo Grid to release memory? Please advise.
Thank you.


I have a kendo grid with many columns, and defining filters in each column header is not the best user experience as it requires lots of scrolling and button clicks to open a dialog per column to define filter parameters.
I have been asked to build a popup dialog which would load the column definitions and then generate a list of the columns and filter operator / filter value widgets so that a user could just open the popup, find the relevant column and then specify the filter operator and values.
Is there any plan to introduce such a feature in the grid soon? The ergonomics of filtering for multiple columns would be much improved with such a widget i think.
If I must roll my own implementation, is there any way I can hook in to the kendo code to build my filter list in a dialog, then apply it to the grid once it closes? How would I go about doing that?
Thanks

I have a screen using a Kendo Panel Bar to get the accordion effect.
Within 2 of the panels there is a component with a link in it that is used to open a Kendo Window to display extra data for the panel. First of all, the window actually belongs to the panel bar not the browser. When I collapse the panel, the window goes away. It does re-appear when expanding the panel though so I thought that was not a problem. However, since adding the component to the last panel bar, even when I click on the component's button from the first panel, the window does not show until I expand the last panel telling me that somehow it thinks it belongs to the wrong panel. Any assistance would be appreciated. I can try to get an example if needed.

Hello,
I am using the Multi-Checkbox Menu Filtering example here https://www.telerik.com/kendo-angular-ui/components/grid/filtering/reusable-filter/#toc-multi-checkbox-menu-filtering in my code. Is there a way to remove the "Clear" and "Filter" buttons and replace them with my own? I would like my custom buttons to have the same functionality as the "Clear" and "Filter" buttons, but I do not know what I would call on the click event.
Secondly, is there a way to have the "Filter" code called when the user clicks away from the popup? This way, the user can either click the "Filter" button or just click away to close the popup and have the filter occur.
Thanks,
Scott
I have a custom column filter for a grid, and when selecting a value, the followingmethod is called
public onChange(value: any): void { const filtersMap: FilterDescriptor[] = value.map(val => ({ field: this.filterField, operator: 'eq', val })); console.log('ColumnFilterMultiComponent -> filtersMap', JSON.stringify(filtersMap)); const compositeFilter: CompositeFilterDescriptor = { logic: 'or', filters: filtersMap }; this.applyFilter( value === '' ? this.removeFilter(this.filterField) : compositeFilter ); }
and the resulting DataSourceRequestState object is created:
{ "filter": { "logic": "or", "filters": [ { "field": "projectStatus", "operator": "eq", "val": "Active" }, { "field": "projectStatus", "operator": "eq", "val": "Closed" } ] }, "group": [], "skip": 0, "sort": [ { "field": "modifiedDate", "dir": "desc" } ], "take": 20}
but then calling ${toDataSourceRequestString(state)} results in this querystring:
filter=(projectStatus~eq~undefined~or~projectStatus~eq~undefined)&page=1&sort=modifiedDate-desc&pageSize=20
Why did the values from the filter get changed to undefined?
When the datepicker is wrapped into a kendo-textbox-container with a floatingLabel, the label overlays the output of the format definition, see:
https://stackblitz.com/edit/angular-av3vbg?file=app%2Fapp.component.ts
Also, since version 3.3.4 of the package @progress/kendo-theme-material there is an offset problem with the label on focus. When the datepicker has a value set and you focus the field, the label gets a wrong offset. It jumps back to the correct position on blur.
Please have a look into this problems.
