I am using Typescript and I have implemented a select column (check box select column) using the GridColumn and adding a "selected" property to each object in the array that is being bound to the grid (much like the example shows in the docs). Everything works great until I group by a column. At that point, I get a warning that is coming from one of the telerik js files (column file):
Warning: A component is changing a controlled input to be uncontrolled. This is likely caused by the value changing from a defined to undefined, which should not happen. Decide between using a controlled or uncontrolled.
While this is just a warning and it goes away when using the production build of react, it is still something we would like to try to eliminate if possible. Has anyone else experienced this warning before and is there any solution for it?
I have KendoReact Editable Grid with below Columns
If Lastname and firstname exists 100 how to show error message on top of grid as validation summary, Please suggest.
Hi Team,
Control : numeric text box
How to restrict the user from entering negative value.
If we set min value as min={0} it is allowing user to enter negative value and then on focus out it is reverting the value to min that is "0". Our expectation is hard restriction by not allowing to enter the negative value.
I'm, surprised we don't have keyup and keydown events for numeric text box
When I am adding a new row to the bottom of the grid , scroll bar(grid) is automatically moving to top, but it should scroll down,. Please help me to resolve this issue.
Thanks,
Arun
Hi Team,
We are using numeric text box in our application and facing issue in below scenario.
Step 1 : user entered the value 1.85 in the numeric text box.
Step 2 : Focus out the numeric text box
Step 3: Now Focus the numeric text box and press Ctrl + A to select the all the value and Now enter “.85” using keyboard then the expected result is “.850” should be entered in the numeric text box. But it is taking the input as “85.00”
Please refer the below image for reference.
Hi,
I noticed that the value of all DropDown components can be cleared with the inline clear "button", but not the DropDownList. Is there any way to get the same consistent behavior for the DropDownList so that it's inline with the rest of the DropDowns?
versus:
To be clear, I know that I can reset it by setting the value to "null", but I want to be able to do it via a "x" button.
Hi,
I need to pass custom props when I customize the expandable cell. But now its not accepting the custom props and its hide the expandable icon.
https://www.telerik.com/kendo-react-ui/components/treelist/cells/
I have a form and I am attempting to populate the initialValues with data returned from an API request.
const [customer, setCustomer] = useState({});
getCustomer(props.oidc, params).then((result) => {
setCustomer(result[0]);
});
I can see the data coming thru, although it does take it a second to return. I can see the state updating, but the data does not appear to be populating in the form. Is the data supposed to populate or am I missing something?