Questions on KendoReact Forum

1 answer

724 views

How to not allow user from increment and decrement of number in numeric textbox on grid

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

General Discussions

answered on 18 Sep 2019

1 answer

435 views

Open new window with grid row data in edit

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?

General Discussions

answered on 16 Sep 2019

1 answer

600 views

How to get change in onExecute event for Kendo React Editor

When Kendo React editor changes its content by user typing in it, how to get the latest state of html from editor? When I use the get html method from EditorTools, it gives me the state without the change.

General Discussions

answered on 16 Sep 2019

2 answers

291 views

Tooltip for PanelBar

Hi,

Could you show a way to tooltip on the hover of the Icon. I would like to show the tooltip for item labels as well as item Icon. Please use the following example to show the tooltip.

https://stackblitz.com/edit/react-8vyhan?file=app/main.jsx

Thanks,

Vinod

General Discussions

answered on 13 Sep 2019

1 answer

643 views

close notification after 5 seconds

Is this a good way to go about if you want to close notification after 5 seconds? in my case removeAfterSetDurationis not getting called.

function handleClose() {

setGlobalData((state: any) => ({ ...state, message: "" }));

}

function removeAfterSetDuration() {

setTimeout(() => {

setGlobalData((state: any) => ({ ...state, message: "" }));

}, 5000);

}

<Fade enter={true} exit={true} onEntered={removeAfterSetDuration}>

<Notification

type={{ style: 'warning', icon: false }}

closable={true}

onClose={handleClose}

>

<span>{props.message}</span>

</Notification>

</Fade>

General Discussions

answered on 13 Sep 2019

5 answers

611 views

Align ToolbarItems to the right of the toolbar

Hi,

How to align ToolbarItems to the right of the toolbar ? I have created an example below that could be used for reference..

https://stackblitz.com/edit/react-pns7jw-afbddf?file=app/main.jsx

Regards,

Vinod

General Discussions

answered on 12 Sep 2019

11 answers

724 views

Complex filtering in GridFilterCell

Is there any way to implement more complex filtering with a customer GridFilterCell (https://www.telerik.com/kendo-react-ui/components/grid/api/GridFilterCell/) component?

Currently it fires an OnChange event to the column but can only pass one operation and value to the column, which I presume then translates that to a FilterDescriptor. But is there a way (or a plan on the roadmap) to just pass a FilterDescriptor instead, so one could create a custom FilterCell that returns rules of the type "this value OR this value".

The FilterDescriptor objects are quite flexible and powerful, but the GridFilterCell has no way to tap into that flexibility that I can currently see.

Examples would be things like making a GridFilterCell with a Toggle between MondayWednesdayFriday and TuesdayThursday for a field showing day of the week, or other different groups of values in an enum column. But currently You can only pass a single operation of Equals or Contains or Greater than, so you could pick an individual weekday, but not something more complicated like a "Hide Weekends" button.

General Discussions

answered on 12 Sep 2019

1 answer

281 views

MultiLevel Column

Hi, is there a way to achieve a Grid line the below link?

https://www.w3.org/WAI/tutorials/tables/multi-level/

I know we have a similar case, https://www.telerik.com/kendo-react-ui/components/grid/columns/headers/ but I am more interested in achieving the multi-level headers.

Please advice.

General Discussions

answered on 10 Sep 2019

1 answer

115 views

Grid toODataString method is encoding special characters

Grid toODataString method is encoding special character. I don't want grid to do that that encoding; In fact i want my api to take encoding responsibility.

Can i stop grid to encode special characters. Is there any configuration for that.

General Discussions

answered on 10 Sep 2019

3 answers

1.6K+ views

[Solved] Clearing a DropDown value

I've noticed what I think is a bug with the dropdown. If you bind a dropdown to a value (controlled in component state), you can have the value be undefined to start, and you get a dropdown with no selection. However, if you then manually select one of the entries, and programmatically set the value back to undefined, it does NOT clear the selection, even though the value (correctly) is undefined.

Is there some trick to this? For comparison, I used a vanilla textbox and the value does correctly clear, so I am pretty sure this is a Kendo issue.

General Discussions

answered on 09 Sep 2019