Questions on KendoReact Forum

9 answers

906 views

DropdownList - Clear filter

I have a dropdown list thats populating from Graph.

Just wondering how can I clear the filter?

General Discussions

answered on 15 May 2019

1 answer

137 views

DropdownList with Filter ie11

Hi

Just wondering when I got to view the following in ie11

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

the sample doesnt load.

Error: SCRIPT5022: Missing resources for /kendo-react-ui/components/dropdowns/dropdownlist/

Is the dropdownlist not compatible with ie11?

Unfortunately Ive users that use IE 11 - and finding that the dropdownlist wont load

Error:

description"Object doesn't support property or method 'findIndex'"

General Discussions

answered on 15 May 2019

2 answers

1.1K+ views

[Solved] Using DropDownList into ReactBootstrap Modal

Hi,

when I use a DropDownList into a ReactBootstrap Modal the expanded list appears BELOW the modal so it can't be interacted with.

I read several issues that was pointing to a focus loss, which is not exactly my case, due to the fact that Kendo PopUp was append to body instead of the Modal itself, and the 'appendTo' prop seems to be a good solution for me but it exists only for the PopUp component, not for the DropDownList one...

I've made a repo illustrating this issue : https://github.com/lePioo/react_kendo_dropdown_into_bootstrap_modal

General Discussions

answered on 10 May 2019

5 answers

662 views

Issues with in-cell editing in the grid

I'm using custom inputs for datepickers in the grid when in-cell editing, and the issue I'm experiencing is that when I have one custom input A focused and click another custom input B to edit B, A is only closed from edit-mode and B is not set in edit-mode until I click it a second time.

The behaviour is different when clicking a "kendo-editor" instead, that cell will behave as expected and set that clicked cell into edit-mode.

Se this stackblitz for a live example of the issue: https://stackblitz.com/edit/react-ue6dyk

1. Edit one of the "Date" cells.

2. Click one of the "Date2" cells to edit that one.

Then try:

1. Edit one of the "Date" cells.

2. Click one of the "Total rate" cells.

General Discussions

answered on 09 May 2019

1 answer

962 views

Could not open filter-no-eval.js in the editor.

I need using the groupable feature in react kendo like that example https://stackblitz.com/run/?file=app%2Fmain.jsx
but I have this error in vscode:
Could not open filter-no-eval.js in the editor. When running on Windows, file names are checked against a whitelist to protect against remote code execution attacks. File names may ttacks. File names may consist only of alphanumeric characters (all languages), periods, dashes, slashes, and underscores.
any suggestion?

General Discussions

answered on 06 May 2019

1 answer

2.7K+ views

How do I set a custom no records message on a KendoReact Grid

I'd like to set a custom message when there are no records to display in a Grid. How do I do that?

General Discussions

answered on 03 May 2019

3 answers

609 views

Keydown events in MaskedTextBox?

I dont see any way to detect key events on a MaskedTextBox besides resorting to jQuery. Am I overlooking something? If the syntheticEvent was against an InputElement instead of an HTMLElement I think I might be able to but that's not the way it is defined right now. I am specifically looking to capture keys such as escape/enter.

General Discussions

answered on 02 May 2019

3 answers

639 views

[Solved] Does DatePicker must have a onChange handler?

Does DatePicker must have a onChange handler?

I am trying to use DatePicker but I can't type the day portion of the date it doesn't emit any errors or warnings here is my code below....

any ideas??

01.const SingleDate = ({ label, required, name, ...props }: ISingleDate): React.ReactElement => {

02. return (

03. <div className="erp-input-date">

04. <label className="k-form-field" data-cy={name}>

05. <span>{label}</span>

06. {required && <span className="erp-field-required">*</span>}

07. <DatePicker

08. {...props}

09. name={name}

10. format="dd/MM/yyyy"

11. formatPlaceholder={{ year: "ano", month: "mes", day: "dia" }}

12. />

13. </label>

14. </div>

15. );

16.};

General Discussions

answered on 29 Apr 2019

1 answer

399 views

KendoReact DatePicker date typing issue

Hi,

I'm using Datepicker kendo react for my project. It works fine if we type a date when we have default format as MM/dd/yyyy, however if I select any date with the calender after that I'm not able to type date. The datepicker is not working as expected.

Later if I clear out the selected date, I'm able to type date properly. So it does not work if we have a selected date in datepicker control.

The behaviour of typing a date is very inconsistent.

Kindly please suggest a solution of this query.

General Discussions

answered on 26 Apr 2019

1 answer

270 views

Rounding off of Value in NumericTextBox

Hello,

I am facing some issues with the NumericTextBox.

1. Value in the NumericTextBox rounds off when we enter a number with 15-20 characters.

For example, enter 9 continuously in the NumericTextBox. At a point the entered digits change to 0.

2. If I add a number with 15-20 or more characters and when I use backspace to clear the characters, the value in the NumericTextBox gets converted to 'Infinity' which does not get cleared using backspace.

For example,

Press and hold a digit.
After couple of seconds hit backspace.
Infinity appears which does not get cleared.

Can you suggest some workaround for these issues? I do not want to restrict the max-length for the fields.

Thanks,

Sadaf Patwekar

General Discussions