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
}
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
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?
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
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
>
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
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.
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.
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.