Telerik Forums
KendoReact Forum
1 answer
175 views

Hi,

The jQuery Grid Checkbox Filter has a search box which can be used to find any entries containing the search string entered (see this demo and type in 'syrup' for example, one result is shown): https://demos.telerik.com/kendo-ui/grid/filter-multi-checkboxes

The GridColumnMenuCheckboxFilter also has a search box, however this appears to only return entries matching or starting with the search string entered (see this demo and type in 'syrup', no results are shown): https://www.telerik.com/kendo-react-ui/components/grid/filtering/#toc-column-menu-filter

Is there any way to change the functionality of the GridColumnMenuCheckboxFilter to match the jQuery implementation?

 

Kind regards,

David

Stefan
Telerik team
 answered on 10 Dec 2020
2 answers
166 views

Hello all,

In my Kendo Grid I have one column that contains a integer's array, the data for the field "groups" looks like this [1, 2, 3, 4]. The column has a custom cell and filter that help displaying the data in a more helpful way, see image attached.

<GridColumn

    field="groups"
    title="Groups"
    cell={MyPublisherGroupsColumn}
    filterCell={MyPublisherGroupFilterCell}
/>

I'm trying to apply a filter for that column with a custom "filterCell", now I have done that multiple times using no complex data types like strings, using the example provided in your documentation(https://www.telerik.com/kendo-react-ui/components/grid/filtering/#toc-custom-filter-cells) but it does not work for an array.

It is possible to implement this filter to work with more complex data types, like an array of numbers or even an array of objects, maybe implementing a custom operator? If possible could you point me in the right direction?

Thanks

 

 

 

Miguel
Top achievements
Rank 1
 answered on 09 Dec 2020
1 answer
117 views

Hi. 

 

I'm trying to use ganttTextfiler.

but When I try filtering serveral times, strange thing happens.

 

 

some of the row, the task-bars are misplaced after filtering action.

I attached image file that explain this issue.

 

 

I think after filtering action, the css ( top, left positions of elements ) that should be applied is not working.

 

 

check my application please.

https://stackblitz.com/edit/react-6rfhx5?file=app%2Fmain.jsx

Stefan
Telerik team
 answered on 08 Dec 2020
1 answer
217 views

Hi,

We are using a KendoReact Grid with pageable and sortable options enabled, and columnMenus for specific columns requiring filtering. We are using the columnMenu approach because we are using the GridColumnMenuCheckboxFilter as recommended here: https://www.telerik.com/kendo-react-ui/components/grid/filtering/

I have some questions regarding keyboard navigation:

  1. The column headers are keyboard-focusable by default and allow for navigation using the Tab key and sorting using the Enter key, however there is no visual indication of which heading has focus. Is there a style that can be set to achieve this?
  2. The paging controls are keyboard-focusable by default and allow for navigation using the Tab key and paging using the Enter key, however there is no visual indication of which control has focus. Is there a style that can be set to achieve this?
  3. We used css to relocate the paging controls to the top of the grid, but they still come after the column headers in keyboard navigation order. Is there anything that can be done to change this?
  4. The column menus are not keyboard-focusable by default, is there anything that can be done to change this?

Kind regards,

David

Stefan
Telerik team
 answered on 08 Dec 2020
1 answer
164 views

Hi,

I am using a datepicker in a form. The form is used for filtering and has a reset button. If I programatically set the value of the datepicker to another value, the value displayed by the datepicker is updated. If I set the datepicker value to undefined (on reset), the underlying value is updated but the value displayed by the datepicker doesn't change. Is this a bug or is there a better way to clear the selected datepicker value?

Kind regards,

David

Kiril
Telerik team
 answered on 08 Dec 2020
10 answers
1.1K+ views
The Kendo documentation on how to implement a checkbox list to filter grid column data uses an example ColumnMenu component with hardcoded data. Is it possible to provide an example of how this can be done using the grid data instead?
Stefan
Telerik team
 answered on 07 Dec 2020
1 answer
103 views
What's the Pros / Cons in comparison to other react frameworks?
Are there any pre-made design / prototyping solutions on the market?
If not, will you be interested in having such product for prototyping within Kenda UI guidelines?
Stefan
Telerik team
 answered on 30 Nov 2020
9 answers
1.0K+ views

Hi. I'm implementing a Grid with grouping and virtual scrolling. It i see it have some defects when I do scrolling. I created an example to demonstrate that and recorded a small video. Please take a look and tell me if I do anything wrong.

 

https://stackblitz.com/edit/react-tvh32r?file=app/main.jsx
https://take.ms/r6Cia

 

Thanks

Stefan
Telerik team
 answered on 30 Nov 2020
5 answers
173 views
I have reusable component consisting the Editor with popup tools and I am using it on multiple elements in the parent component. I am sending different content for every element but the tools and onChange are not working. Can you please tell me If I am doing something wrong ? 
Stefan
Telerik team
 answered on 27 Nov 2020
9 answers
710 views

Hi all

I am trying to select all contents of the NumericTextBox when the control gets focus.

I have tried this in the regular way with an onfocus event and in the event event.target.select()

But this does not seem to actually highlight and select the contents. I have googled around and others seem to have this issue but the only examples I can find are for the jquery tools.

 

Stefan
Telerik team
 answered on 27 Nov 2020
Narrow your results
Selected tags
Tags
General Discussions
Grid
Wrappers for React
Charts
Scheduler
Filter 
DropDownList
Form
Styling / Themes
DatePicker
Editor
TreeList
Styling
PDF Processing
ComboBox
Excel Export
Dialog
Input
TreeView
Upload
Drawer
Button
Drag and Drop
MultiSelect
Tooltip
Accessibility
NumericTextBox
Checkbox
Menu
Gantt
DateTimePicker
PDF Viewer
Popup
Window
AutoComplete
DateInput
Sortable
Data Query
Licensing
TabStrip
Drawing
Calendar
Pager 
Labels 
Localization
TimePicker
GridLayout
FontIcon
Animation
PanelBar
TaskBoard
PivotGrid
Card
DropDownButton
Conversational UI 
DateRangePicker
Splitter
Badge 
Security
Slider
Spreadsheet
ContextMenu
MultiViewCalendar
Stepper
MultiColumnComboBox
MultiSelectTree
TextBox
AppBar
File Saver
ListView
MaskedTextBox
RadioButton
Switch
TextArea
Toolbar
DropDownTree
TileLayout
Map
Avatar
Date Math
Gauge
RadioGroup
RangeSlider
Rating
Loader
ExpansionPanel
SvgIcon
Typography
ProgressBar
ScrollView
Popover
StockChart
RadialGauge
Server Components
AIPrompt
Page Templates / Building Blocks
AI Coding Assistant
Chat
ColorGradient
ColorPalette
ColorPicker
Notification
Ripple
Skeleton
ButtonGroup
Chip
ChipList
FloatingActionButton
SplitButton
ActionSheet
Barcode
QR Code
FlatColorPicker
Signature
BottomNavigation
BreadCrumb
StackLayout
Timeline
ListBox
ChunkProgressBar
Sparkline
FileManager
ArcGauge
CircularGauge
LinearGauge
ExternalDropZone
OrgChart
Sankey
VS Code Extension
InlineAIPrompt
SpeechToTextButton
Chart Wizard
Agentic UI Generator
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?