Hi Team, 

I have a ComboBox that and my use case is that when a user types into it, it will send a request to a server to get the search results and set the data, for the user to then select. So a server filter, kind of.

The problem is that onFilterChange is triggered on each keypress which in turn sends a request to the server each time. I would like to debounce the request to the server until the user has stopped typing, but I cannot find a debounce function that works. I know how to use useEffect and useRef, but the refVarialbe.current doesnt update on filterChange, only on value change. Which is not my use-case.

Attempts: https://stackblitz.com/edit/react-pht5mn?file=app%2Fmain.jsx

Has anyone had any success with this?

Please advise.

Thanks,
Grant

Hi,

I was looking into the OData example (TypeScript with Hooks) of the Grid (https://www.telerik.com/kendo-react-ui/components/grid/data-operations/odata-server-operations/) and I noticed that the typing is invalid. In "products-loader.tsx" the callback function has only the products array as argument, but when that function is called later on, it has a "data" and a "total" property.

When you then add some code in the "dataReceived" function in "main.tsx" (for example iterating the products"), you'll get errors since the data coming from the "products-loader" isn't an array of products, but an object with "data" and "total".

Could you look into that (and maybe provide a correctly typed example here)?

I have one normal button trying to implement customized upload button  when click import button one popup should be opened to select file ones file selected should be saved in share path and need to validate each cell and add in db table .

Kindly suggest any solution for customized upload button

<button id='btnImport' className='k-button k-button k-button-Blue'> {" "} Import{" "}      </button>

We are Using Kendoreact Editable Grid which have Gridcolumn like Name in grid

<GridColumn
                                    field='Name'
                                    title='Name'
                                    width='150px;'
                                    filter='text'
                                    editor='text'
                                    className='k-grid-textbox'

</GridColumn>

how to validation each cell on entering should not be more than 100 letters and show error in same cell inside grid.

I also tried checking for cell and onblur which is not working and getting error in existing flow. Please help how to validate grid cell when entering and show  error message in same cell.

Hi Team,

We are using Grid control.

When grid is enabled with x-axis and y-axis scroll bar. if user try to move the x-axis scroll bar to the end (right side), then grid column alignment issue is raising. Please refer to the attached screenshot.

kindly suggest us any fix or workaround for this issue.

Hello !

I'd like to know if it was possible to have more than the 24th hour in a day on the scheduler component.

My day would start at 03h00 and finish at 27h00. I dont want the 25,26 and 27hours on the next day, I need it on the same day (though to explain).

A day still long 24hours but if it starts at 5 it would end at 29.

I dont know if it's clear enough ;)

Thanks for replies !!

Cyril.

When the cellRender function is called from Kendo Grid, are we able to access the ref on the tdElement that is passed as a parameter? I seem to be getting null when trying to access ref. I had thought we are able to access ref on any Kendo component.

I am trying to access the ref because I would like to check if the textContent is overflowing and show a tooltip if it is. I was able to get this done by cloning the tdElement and passing in a custom ref but trying to see if there is a simpler way. Thank you! 

https://www.telerik.com/kendo-react-ui/components/grid/api/GridProps/#toc-cellrender

Hello,

With NumericTextBox  : Max and  Min don't work wih spinners display to false or true

FormatOptions attribute don't work too !!!

See your website directly :

https://www.telerik.com/kendo-react-ui/components/inputs/numerictextbox/formats/

Do you know how resolve this issue ?

I can use MaskedTextBox or a simple Input but I would like use NumericTextBox !

Cyril REILER

How to prevent dropdown menu from closing when parent element display is none? For example, show on element hover. I have a div wrapper for Dropdownbutton which only shows dropdownbutton on wrapper hover. However, when dropdownbutton is clicked and you move the cursor to the popup menu it immediately close it.

<div className="hover-show">

    <DropDownButton ... />

</div>

#Dropdownbutton