Telerik Forums
KendoReact Forum
1 answer
387 views

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)?

Stefan
Telerik team
 answered on 03 Aug 2021
1 answer
605 views

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>

Stefan
Telerik team
 answered on 03 Aug 2021
1 answer
1.4K+ views

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.

Stefan
Telerik team
 answered on 02 Aug 2021
1 answer
854 views

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.

 

Stefan
Telerik team
 answered on 02 Aug 2021
4 answers
136 views

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.

Cyril
Top achievements
Rank 1
Iron
 answered on 02 Aug 2021
1 answer
1.2K+ views

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

Stefan
Telerik team
 answered on 02 Aug 2021
1 answer
91 views

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

Vladimir Iliev
Telerik team
 answered on 30 Jul 2021
1 answer
116 views
Is there a way to get only the html from selection in Editor?
Nikolay
Telerik team
 answered on 29 Jul 2021
2 answers
539 views

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

Ina
Telerik team
 answered on 29 Jul 2021
2 answers
1.1K+ views
Hello, my ultimate goal here is to be able to reorder columns through my testing suite (Jest, react-testing-library). I am not sure that drag and drop is properly supported in react-testing-library (I could be wrong, pointer events are though). Dragging and dropping columns triggers the onColumnReorder method in the browser which is all I am really trying to do, get onColumnReorder to trigger in my testing suite. Can I do this pragmatically or is there a global event I can trigger to have onColumnReorder be called? Thank you!
Mo
Top achievements
Rank 1
Iron
 answered on 29 Jul 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?