Telerik Forums
KendoReact Forum
1 answer
608 views

I'm migrating KendoUI for jQuery to React. In jQuery version of Kendo Grid was possible to set "values" property to columns with "id" values.

In React version of the kendo grid, the "values" property for the GridColumn component is not available. How can I make the same like in jQuery version?

 

Thanks a lot for an each help.

Wissam
Telerik team
 answered on 10 Aug 2022
1 answer
4 views

If a `NumericTextBox` contains a value ending in `0` and the user edits the value by backspacing over the non-zero digits the next number entered replaces the zero instead of inserting before it.

For example, the starting value is:

`220`

The user clicks to place their cursor as so:

`22|0`

If they then hit backspace twice, the cursor will jump to after the zero:

`0|`

And when a new digit is entered it replaces the zero:

`3|`

I would expect the user to be able to enter new digits to appear before the zero rather than replacing it. This behavior is reproducible on the example on the Overview page in the documentation.

Is there any way to disable this behavior?

Wissam
Telerik team
 answered on 08 May 2024
0 answers
2 views

Hi All:

When I use React Data Grid Component & Column Menu - KendoReact Docs & Demos (telerik.com), I set some columns, 

Step1: uncheck select all

2. input st at search box, only check test1, but test and test1 both changes to checked

3. clear search box, the two columns in the image below are checked.

you can test on below link, this is a very important function of our project, looking forward to your early reply. thank you

Eswnzm (forked) - StackBlitz

Hu
Top achievements
Rank 1
Iron
Iron
Iron
 asked on 08 May 2024
1 answer
5 views

 

“We are planning to develop a web application using React for the frontend and Go for the backend, following an MVC structure. Is it possible to connect Telerik React libraries with Go for this purpose? Thank you very much for your response. Best regards.”

Konstantin Dikov
Telerik team
 answered on 08 May 2024
0 answers
4 views

Hello,

we are considering adopting KendoUI DataGrid for a legacy application rewrite and I was wondering if there's a way to implement filtering of the data by clicking on a specific value in a cell, like in the screenshot below (clicking on any date will filter the grid by that date):

Constraints are:

  • Data is remote, so not completely loaded in memory
  • Ideally I would like to avoid creating custom GridCells, but if it's the only way then it's OK.
  • We cannot deviate from this UI pattern as users find it particularly convenient.

Any link to specific docs or examples would be much appreciated!

I looked through the documentation and examples but it's not clear if it's something that is achievable without a massive customisation of the cell components. I also have zero experience with the library as I'm looking at it for the first time as we're considering our options for the UI library to use to rewrite the application, so apologies in advance if I missed anything obvious from the docs!

Thank you

Diego

Diego
Top achievements
Rank 1
 asked on 07 May 2024
0 answers
8 views

I am trying to run the example code from here https://www.telerik.com/kendo-react-ui/components/pdfviewer/ with the same exact file but the PDFViewer is just not loading any document. It component appears in the page, there's no error in the console, but no matter what I do I can't see any data loaded (also checked the onLoad event - it's not triggered). I've also tried to supply an url instead of base64 data and the result is the same 

John
Top achievements
Rank 1
 updated question on 01 May 2024
0 answers
7 views

All of the examples that I am finding online and in your documentation are broken for this situation. I am able to customize all columns in my TreeList component EXCEPT the first column which is the expandable one.

I was trying to use the code found on this StackBlitz that works, but it's using an old version of the treelist and I'm using the latest version (7.4.0):

React (forked) - StackBlitz

And I found this in your knowledge base using 5.12 - which doesn't even work:

Defining custom expand/collapse cell - KendoReact TreeList (telerik.com)

(the expandable icon is not showing - which is the behavior I am experiencing in my code).

Is there a known issue with the TreeList currently?

Stephanie
Top achievements
Rank 1
 asked on 01 May 2024
1 answer
10 views

I have a custom button on a Form which invokes a custom Dialog to edit properties of the item on display, that part works fine. However, the Submit button does not enable unless one of properties mapped to a 'Field' controls is edited.

How can I change the allowSubmit value in the Form render properties so the button is enabled when its' only my custom button that is updating the object?

Wissam
Telerik team
 answered on 01 May 2024
1 answer
6 views

Hi,

 

If pass a invalid value to MultiSelect, it will break the UI with null pointer exception. Please see this example:

https://codesandbox.io/p/sandbox/zen-pasteur-fw7rrt?file=%2Fapp%2Fmain.jsx%3A13%2C20

 

This only happens if data is an array of objects, and textField property is used.

It is possible invalid values are passed to multiselect when it is a controlled component. I am hoping MultiSelect can handle data error mor gracefully.

 

Thanks,

Jie

Wissam
Telerik team
 answered on 29 Apr 2024
1 answer
14 views
Hello! I am trying to get a Grid with Virtual Scrolling working where the data is fetched as needed, as opposed to all loaded in at once. I have not managed to get it working locally. All of the documentation I have been able to find has examples with all the data pre-loaded into the React state, which is not feasible in our use case. Would you be able to provide any examples on how this is expected to be done? I have been looking into `onPageChange` and `onDataStateChange` but cannot determine how they are intended to be used here. Is it expected that the new data is returned from these functions? Or is it expected that, once the data is fetched, the overall `data` variable passed into the grid is manipulated (sliced) to only pass in the expected rows given skip and take?
Filip
Telerik team
 answered on 26 Apr 2024
Narrow your results
Selected tags
Tags
+? more
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?