Telerik Forums
KendoReact Forum
1 answer
192 views

Hello,

I am receiving warnings in console when implementing Kendo React Grid with following content:

Warning: componentWillReceiveProps has been renamed, and is not recommended for use. See https://fb.me/react-async-component-lifecycle-hooks for details.
 
* Move data fetching code or side effects to componentDidUpdate.
* If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://fb.me/react-derived-state
* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. In React 17.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.
 
Please update the following components: KendoReactGrid

 

 

When opening stackblitz url from Getting Started section for Grid i receive the same warning.

Regards,

Tomek

Stefan
Telerik team
 answered on 01 Oct 2019
3 answers
262 views

Hi,

When we press key n on keyboard dropdown list is highlighting first item with n key but it's not in focus we have to move scrollbar to see highlighted lighted. similarly with some other items. Highlighting is always right it's just not in view. I am attaching sample data. Is there some limitation .Are there any other way to achieve this.Sample data is big json I am not sure it is the reason. I have utilized the sample mentioned in link https://www.telerik.com/kendo-react-ui/components/dropdowns/dropdownlist/.

Stefan
Telerik team
 answered on 27 Sep 2019
1 answer
130 views

I was wondering if / when scrolling support would be added to the TabStrip for KendoReact. 

This is the feature I'm looking for: https://demos.telerik.com/kendo-ui/tabstrip/scrollable-tabs

Thanks

Stefan
Telerik team
 answered on 26 Sep 2019
2 answers
54 views

When using the Editor tools from https://www.telerik.com/kendo-react-ui/components/editor/tools/, the tools are not staying selected when a user hits 'return' in the editor field, and the drop downs for FONT SIZE and FONT NAME only work if text inside the editor has been selected. 

For example:

  1. I have an empty editor with the FONT SIZE editor tool in the toolbar.
  2. I click into the text area of the editor.
  3. I select a font size of 6 (24pt).
  4. I then type into the editor. 

Results: The text I just typed is NOT 24pt, but because I selected the 24pt font size I would expect the text I type to be 24pt.

Another example:

  1. I have an empty editor with the Bold (B) editor tool selected.
  2. I type in a line of text in the editor (this is shown as bold as I expect)
  3. I hit 'return'
  4. I type in another line of text in the editor

Results: The text on the second line is not bold. The bold option appears to 'turn off' after I hit 'return', but I would expect the text to be bold until I turn bold off.

Stefan
Telerik team
 answered on 25 Sep 2019
1 answer
92 views

We are having issues where there is a lot of white space at the bottom of grids and scrolling to the bottom shows some strange jumping issues when a grid is enabled for grouping (even if no column is grouped) and using virtualization.

An example can be found here:

https://www.telerik.com/kendo-react-ui/components/grid/scroll-modes/virtual/

Scroll to the section labeled "Using Virtualization with Grouping" and see the example there.  Scroll to the bottom and you will see the issue.

Any suggestions?

Stefan
Telerik team
 answered on 24 Sep 2019
3 answers
831 views

I have implemented column level search in grid, based on some condition, i want to clear all search. How to implement that.

Stefan
Telerik team
 answered on 23 Sep 2019
1 answer
145 views

1) open https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker/#toc-basic-usage

2) click to open the date time picker on the field

3) click Today

4) click Now

5) observe the Date/Time entered in the text field

 

You can also change the Date/Time and retry.

The Date gets properly set when selecting "Today" but the Time, always stays to the selection it was when clicking "Now".

Basically, "Now" acts like the "Set" button

 

Stefan
Telerik team
 answered on 23 Sep 2019
5 answers
675 views

I've reviewed the examples here:

https://www.telerik.com/kendo-react-ui/components/dropdowns/autocomplete/

None of the examples show filtering data via a service of some sort.  All the data sources are local arrays.  Is it possible to use the KendoReact AutoComplete component with a dynamic data source?  I've tried to work through it and when I retrieve the data based on the current value the pop-up closes.  My unfiltered data source has 4000 records so obviously it's not ideal to retrieve the entire data source and store it locally.

-----------------------

   <AutoComplete 
     data={ userListing } 
     onChange={ this.coordinator_change }
     placeholder="Type coordinator name"
     textField="DisplayName"
   />

    if (event.target.state.value && event.target.state.value.length > 1) {
      this.getUserListing(event.target.state.value);  // this method updates the userListing collection
    }

Stefan
Telerik team
 answered on 20 Sep 2019
1 answer
671 views

Hi, 

Please suggest a way to not allow user from incrementing and decrementing numeric value on number spinner on Grid filter numeric text box. 

Regards,

Vinod

Stefan
Telerik team
 answered on 18 Sep 2019
1 answer
405 views

Hi All,

            I am new in Kendo React.  In my application i am listing data in kendo grid with edit, delete functionality in each and  every row. My requirement is when i click on edit button i want to open new window with clicked row data. This i am done in jquery. But how can i achieve this in kendo grid with react? 

Stefan
Telerik team
 answered on 16 Sep 2019
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?