Telerik Forums
KendoReact Forum
2 answers
1.0K+ views

I'm trying to implement inline editing of grid row with DropDownList by following https://www.telerik.com/kendo-react-ui/components/grid/editing/editing-custom/

In that example list of options is defined inside custom component DropDownCell:

localizedData = [{ text: 'yes', value: true },{ text: 'no', value: false },{ text: '(empty)', value: null }];

But in my case list of options should be received from backend by tableId+column combination.

The problem is that I can't figure out how to pass additional parameter (list of options) to props of DropDownCell.

In the example it is used in such way: 

<GridColumn field="Discontinued" cell={DropDownCell} />

How can I pass my_column_specific_options to that cell?

I've tried the following approach

const cell = <DropDownCell options={my_column_specific_options}/>;
<GridColumn field="Discontinued" cell={cell} />

but it doesn't compile.

Please, help.

Антон
Top achievements
Rank 1
 answered on 06 Jun 2019
1 answer
201 views

Hello,

is a Native React Gantt Component already available? After searching github, npm and documentation I found this repository with a wrapper for the jQuery Component (https://www.npmjs.com/package/@progress/kendo-charts-react-wrapper), but here it says that the repo is deprecated and that the KendoReact Package should be used. I found no reference of a Gantt Component on the documentation though (https://www.telerik.com/kendo-react-ui/components/).

 

Best regards,

Stefan

Stefan
Telerik team
 answered on 06 Jun 2019
1 answer
208 views

Hi, 

I see a jquery  version of the spreadsheet component. Is there a timeframe when it will be availbale for REACT? 

Stefan
Telerik team
 answered on 28 May 2019
1 answer
144 views

Can we modify styles at granular level like height of the row, fonts size and component level style modification using Kendo react theme builder.

I would like to modify the below and download the update theme.

1. Font Size

2. Component level CSS.

3. Custom component to look similar as Kendo component.

Stefan
Telerik team
 answered on 28 May 2019
1 answer
103 views
Is there any way to move pager on top?
Stefan
Telerik team
 answered on 28 May 2019
2 answers
127 views

Hi, Could you please help me to clarify if this is intentional behavior of Grid component do not accept external className?

- classNames concatenated when scrollable set to scrollable (default)

- classNames are not concatenated when scrollable set to virtual

Digged down to the library ..../Grid.js found that the issue is in line 426

 

return (React.createElement("div", { style: wrapperStyle, className: 'k-widget k-grid'
+ (this.props.scrollable === 'virtual' ? ' k-grid-virtual' : ''
+ (this.props.className ? ' ' + this.props.className : '')) },

 

Thanks,

Alex.

Alexander
Top achievements
Rank 1
 answered on 22 May 2019
9 answers
827 views

I have a dropdown list thats populating from Graph.

Just wondering how can I clear the filter?

Stefan
Telerik team
 answered on 15 May 2019
1 answer
125 views

Hi

Just wondering when I got to view the following in ie11

https://www.telerik.com/kendo-react-ui/components/dropdowns/dropdownlist/

the sample doesnt load.

Error: SCRIPT5022: Missing resources for /kendo-react-ui/components/dropdowns/dropdownlist/

Is the dropdownlist not compatible with ie11?

Unfortunately Ive users that use IE 11 - and finding that the dropdownlist wont load

Error:

description"Object doesn't support property or method 'findIndex'"

 

Stefan
Telerik team
 answered on 15 May 2019
2 answers
1.1K+ views

Hi,

when I use a DropDownList into a ReactBootstrap Modal the expanded list appears BELOW the modal so it can't be interacted with.

I read several issues that was pointing to a focus loss, which is not exactly my case, due to the fact that Kendo PopUp was append to body instead of the Modal itself, and the 'appendTo' prop seems to be a good solution for me but it exists only for the PopUp component, not for the DropDownList one...

I've made a repo illustrating this issue : https://github.com/lePioo/react_kendo_dropdown_into_bootstrap_modal

Pioo
Top achievements
Rank 1
 answered on 10 May 2019
5 answers
618 views

I'm using custom inputs for datepickers in the grid when in-cell editing, and the issue I'm experiencing is that when I have one custom input A focused and click another custom input B to edit B, A is only closed from edit-mode and B is not set in edit-mode until I click it a second time.

The behaviour is different when clicking a "kendo-editor" instead, that cell will behave as expected and set that clicked cell into edit-mode.

Se this stackblitz for a live example of the issue: https://stackblitz.com/edit/react-ue6dyk

1. Edit one of the "Date" cells.

2. Click one of the "Date2" cells to edit that one.

Then try:

1. Edit one of the "Date" cells.

2. Click one of the "Total rate" cells.

Stefan
Telerik team
 answered on 09 May 2019
Narrow your results
Selected tags
Tags
+? more
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
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?