Telerik Forums
KendoReact Forum
2 answers
175 views

Hello?

I'm currently refactoring our project from Angular.js to React.

In this process, I'm working on implementing the functionality of dragging and dropping rows from a grid to a treeview, which we used in the previous Kendo jQuery version. However, I couldn't find information about this feature.

While details about drag and drop between grids or within a treeview are available, it seems that drag and drop from a grid to a treeview has not been implemented yet?

Bernd
Top achievements
Rank 5
Bronze
Bronze
Bronze
 answered on 15 Nov 2023
1 answer
215 views

I am trying perform inline edit in the grid. when the grid is in edit mode, i want to have a custom combobox cell. I got the values in the combobox also. but the selected value is not flowing to the grid when i click on update button.  The values in the combo box is key value pair.

I followed the first example in the link:      https://www.telerik.com/kendo-react-ui/components/grid/editing/editing-custom/

Wissam
Telerik team
 answered on 13 Nov 2023
1 answer
118 views

Hi.

I have (kind of) successfully tried to implement the spanning of rows in a Datagrid as you have described here.

Issue 1: My Datagrid uses an edit mode, similar to what is described in the first example here. So if I group some rows together, editing of a single row does not work anymore.

Issue 2: I have defined a special cell rendering for the field because I need a dropdown when editing. I have done that like this:

<Column
	field="channel.label"
	title="Label"
	filter="text"
	filterable={true}
	cell={ChannelDropDownCell}
/>

The issue is, if I define the cellRender property on the Grid as in your "Spanning of rows" example, the render property of the column seems to take priority and the cellRender method I have attached to the Grid itself doesn't work anymore for that field, because the field doesn't seem to be added to the GridCellProps anymore.

Any idea how to get around this?

Thanks!

Greetings,

Bernd

Konstantin Dikov
Telerik team
 answered on 13 Nov 2023
1 answer
304 views

Hi,

I have several problems with spreadseet control in REACT.

1) Control has trouble working in other cultures. I bypassed this problem by using default (en-US) culture.

 <IntlProvider locale={"en-US"}>
            <Spreadsheet      
                ref={spreadsheet}
                style={{
                    width: "100%"               
                }}
            />
        </IntlProvider>

2) After loading xlsx i revive error:

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'suspendChanges')
    at loadSheets (index-esm.js:25621:1)
    at readWorkbook (index-esm.js:25609:1)

3) No matter how I use the control I always get errors when scrolling

index-esm.js:23212  Uncaught TypeError: Cannot read properties of null (reading 'render')
    at View.render (index-esm.js:23212:1)
    at Controller.onScroll (index-esm.js:10985:1)   

Summary:

As far as point 1 is not important to me. While 2 and 3 make it impossible to use the control. The strangest thing is that the Excel file loads and displays correctly....

I use:

- "@progress/kendo-react-spreadsheet": "^6.0.2",

- typescript

I would ask for any hint as to what could be wrong

 

Ernest

 

 

Konstantin Dikov
Telerik team
 answered on 13 Nov 2023
1 answer
85 views

Hi All:

I am using the listBox component and found that the list cannot be selected through tabs or the up and down arrows on the keyboard. It can only be operated through the up and down buttons on the toolbar.

Is it not supported?
Looking forward to your reply, thanks in advance

Xeehhs (forked) - StackBlitz

Wissam
Telerik team
 answered on 10 Nov 2023
1 answer
104 views

The pictures don't show up for me in this demo:

https://www.telerik.com/kendo-react-ui/components/layout/tilelayout/tiles/#toc-custom-rendering

Also was unable to tag this post with Layout or Tilelayout

Wissam
Telerik team
 answered on 09 Nov 2023
1 answer
355 views

Hello!

Is it possible to use a reference for KendoButton? I have a KendoPopup where I need to assign ref.current to the props anchor. But it doesn't work. .current is always undefinedIt works with basic HTML components like div, span, button. I followed the DEMO: https://www.telerik.com/kendo-react-ui/components/popup/. But I need to use KendoButton. Is that possible? With functional components?

I know that I can use, for example, span, div as a child, or as an element near a KendoButton. However, I am interested in a cleaner way.

Well thank you.

Wissam
Telerik team
 answered on 07 Nov 2023
1 answer
149 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
125 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
227 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
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
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?