Telerik Forums
KendoReact Forum
1 answer
493 views

Hi,

I have a custom cell where I can have 2 states (read only and editable). The problem is that GridCellProps does not contain any information about column edit mode. Example https://stackblitz.com/edit/react-qzapj7?file=app/main.jsx 

<Column
      field="Discontinued"
      title="Discontinued"
      cell={DropDownCell}
      editable={false} // no access to "editable" from DropDownCell
/>

 

and something like this 

<Column
      field="Discontinued"
      title="Discontinued"
      cell={editable? DropDownCellEdit : DropDownCellReadOnly }
/>

or 

<Column
      field="Discontinued"
      title="Discontinued"
      cell={(props) => <DropDownCell {...props} editable={editable}/> }
/>

is not possible in my case.

Any plans to add this information to GridCellProps ?

Stefan
Telerik team
 answered on 15 Dec 2020
5 answers
378 views

In the MultiSelect component in Kendo.Mvc, we have the option of specifying a grouping for the data. Is there a similar option in the React MultiSelect component that I missed?

Thank you,

Stefan
Telerik team
 answered on 14 Dec 2020
12 answers
3.3K+ views

Hi

I am struggeling writing a test controlling the KendoReact ComboBox using react-testing-library. I guess I am not the first trying to achieve that. I am just trying to select the combobox and change the selected value. How can I do that?

 

Regards,

Christian

Stefan
Telerik team
 answered on 11 Dec 2020
1 answer
269 views

I've looked through the forums and it seems this is the expected behavior, but is there a way to have the grid expand to fill the space when columns are locked?

 

Also if we have the first two columns locked is there a way to prevent reordered columns to be placed in between them or before them?

 

Thanks for your help and direction in the past!

 

 

 

Stefan
Telerik team
 answered on 11 Dec 2020
1 answer
188 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
167 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
122 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
229 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
176 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
Narrow your results
Selected tags
Tags
General Discussions
Grid
Wrappers for React
Charts
Scheduler
Filter 
DropDownList
Form
DatePicker
Styling / Themes
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
LLM Kit
OTP Input
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?