Telerik Forums
KendoReact Forum
1 answer
154 views
Hello, I tried to use the Kendo TreeList component to render the treeview. The problem is how we can handle subItemsField if the data structure is complicated.

So, for example:
// my data
const blocks = [
 {
      name: 'block1',
      cost: 90,
      failures: [
        {
           ......
           effects: [{}, ....],
           causes: [{
                 .....,
                actions: [],
                controls: [],
           }, .....],
        },
        {
          .....
              effects: [{}, ....],
              causes: [{
                   .....,
                  actions: [],
                  controls: [],
              }, .....],
        }
      ]
  }
]

// kendo data
const a = [
   {
       subITem: [{
               .....
               subITem: [{}, {}, ...]
        }]
   }
]

If the data structure is like kendo data, then, it is easy to use subItemsField property to render treeview via treelist component.
But if it's not, then, how we can handle it? Let me get the answer asap.

I appreciate your help.

Regards
Konstantin Dikov
Telerik team
 answered on 07 Nov 2023
1 answer
130 views

I am aware there is https://github.com/telerik/kendo-react-messages, but the repo doesn't seem to be updated regularly with every new release.

So my question is: What is the best way to maintain translation files and where can I get complete json files for all components as it is documented in https://www.telerik.com/kendo-react-ui/components/grid/globalization/#toc-messages for example?

Wissam
Telerik team
 answered on 06 Nov 2023
1 answer
235 views

Hello Team,

I hope your week is going smoothly. I’m reaching out to you because, I am facing a problem to expand Rows in kendo pivot table. I am using kendo react pivot grid version: 

"@progress/kendo-react-pivotgrid": "^5.9.0",

I want to expand all rows (defalutRowAxes) by default when pivot table is loded. I used concat method to expand rows by default, its working fine for first and second level. For Region and Country fields its working. But, for third level (Category field) its not expanding row by default. I need to expand third field Category by deault as well.

Here is the link of my code: https://codesandbox.io/s/determined-carson-7l99lg

Thanks in Advance

Konstantin Dikov
Telerik team
 answered on 06 Nov 2023
1 answer
243 views
There could be an method on the Form to get the updated data, as it is already updated with each change, it would only be possible to make this callback available. This would avoid creating several onChange methods on the inputs.
Fernando
Top achievements
Rank 1
 updated question on 03 Nov 2023
2 answers
152 views

Hello.

I have a special question. Our users use date control, so they delete the current date / text in the input and enter the whole date with dots manually. But we can't do it like this in react data input. Is it possible for the input to be empty? There was such an option in JQuery, I could enter anything there.

 

For example here: https://demos.telerik.com/kendo-ui/dateinput/api

 

 

Well thank you

Vladislav
Top achievements
Rank 2
Iron
Iron
 answered on 03 Nov 2023
1 answer
99 views
We are exploring the KendoReact library and are specifically interested in file manager toolbar component, and we are wondering if there is a provision to upload the folder via drag and drop.
Wissam
Telerik team
 answered on 02 Nov 2023
1 answer
245 views

Hello everyone,

I'm having an issue when I add a "compare" function in the "group" field of the "State"(which take Array<GroupDescriptor> ).

It doesn't seem to be working as I don't see it in the URL query when I convert it to string from DataSourceRequestState with toDataSourceRequestString. Also the object received in data isn't sorted or process by the function as it should.

I try many things to make it work. I tried to change the function to a string. I even tried to encoded it directly in the URL.

I want to do something a little bit similar to what is on the kendo ui for jQuery on the groupable.sort. Except it will be on the group of State React :

https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/columns.groupable.sort.compare

Also, Sorry for my English, it is not my native language.

Thank you,

Konstantin Dikov
Telerik team
 answered on 01 Nov 2023
1 answer
91 views

Hcbc

Konstantin Dikov
Telerik team
 answered on 01 Nov 2023
2 answers
113 views

Hi guys,

I'm trying to style a <Pager pageSizes> dropdown popup.

Is there any way to add a className to it? Or the only workaround is to create a complete custom Pager to do so?

Thanks!

Pablo
Top achievements
Rank 1
Iron
 answered on 30 Oct 2023
1 answer
199 views
How to add select all option in form multiselect component. i am passing data as object with country code & country name for the component
Wissam
Telerik team
 answered on 30 Oct 2023
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
+? more
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?