Telerik Forums
KendoReact Forum
2 answers
134 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
157 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
89 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
234 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
56 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
63 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
269 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
98 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
95 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
160 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
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?