Telerik Forums
KendoReact Forum
1 answer
192 views

I know that each listItemUI child has info about the file passed into it by props,

but is there a way to get a full list from the parent <Upload> component?

A callback function maybe?

for example:
<Upload getFileList = {getFileList} />

const getFileList = (list) => {
     console.log(list);
}

Wissam
Telerik team
 answered on 11 May 2023
1 answer
123 views

Does kendoreact support us to customize it? Thank you

Wissam
Telerik team
 answered on 09 May 2023
1 answer
215 views
Good evening everyone,

I'm trying to copy the values from the Grid row using the ContextMenu. It works on Kendo's default cells, but it's not working on customized cells.
I made an example and, in it, you can see that it's not possible to get the value (check the console) if you right-click and click Copy. It will return:
{dataItem: undefined, field: undefined}
While in default cells it returns the value normally:
{dataItem: Object, field: "ProductName"}

Furthermore, the 'onContextMenu' in <td/> is presenting an error in TypeScript

Type '(event: MouseEvent<HTMLElement, MouseEvent>, dataItem: any, field?: string) => void' is not assignable to type 'MouseEventHandler<HTMLTableDataCellElement>'

 

Follow the code
brave-leftpad-tt12no - CodeSandbox

Konstantin Dikov
Telerik team
 answered on 09 May 2023
2 answers
366 views

Input fields not accepting spaces inside the treeview component

any solution for this

VIJAY
Top achievements
Rank 1
Iron
 answered on 05 May 2023
2 answers
82 views

Hi Team,

Recently i upgraded  kendo version from 3 to 5.12 and and master detail grid which was working earlier in version 3 stoped working. Is there any change in latest version?.

Below is the code. getDetails()  function is called from grid but DetailComponent is not getting called which is returning the child colums and data when masterGrid is true. 

class customGrid extends PureComponent{

constructor(props){

Super(props)

}

renderGridColumn=(column)=>{

const gridColums ={}

gridColums.field = column.field;

gridColumn.title=column.title;

return <Column {...gridColumn}/>

 

}

onExpandChange=(event)=>{

let id = event.dataItem.id;

let data= this .state.data;

event.dataItem.expanded=event.value;

this.setState({

...this.state,

})

If(!event.value|| event.dataItem.details){

return

}

let index= data.findIndex((d)=> d.id === id);

data[index].details= data[index].result;

this.setState ({

data: data

})

}

DetailComponent=(props)=>{

const detailParam ={

data: props.dataItem[this.props.field],

gridColumn: this.props.columns

}

return this.props.onDetailRow(detailParam)

}

getDetails=()=>{

If(this.state.masterGrid){

return{detail:DetailComponent}

}

}

 

<Grid

{...this.getDetails()}

expandField="expanded"

onExpandChanhe={this.onExpandChange}

>

this.state.gridColumn.column.map((column))=>{

return this.renderGridColumn(column)

}

</Grid>

}

Wissam
Telerik team
 answered on 05 May 2023
1 answer
118 views

Hello,

We have an implementation of the kendoreact Scheduler in our application.

We use our own popup when a user clicks/selects a scheduler item. This popup contains a close button, which closes the appointment and should deselect the scheduler item. However, I was unable to find a way to get the scheduler item deselected.

The problem with it not being deselected, is that once you close the popup, you cannot open it again until you click another appointment, which our client took issue with.

So far I've tried going through the documentation and through the available hooks. I did find these hooks:

  • useSchedulerViewSelectedItemsContext
  • useSchedulerViewFocusedItemsContext

However, I was unable to use them since the set function seems to require a synthetic event, which I don't think I have.

I've also found this post, but was unable to apply anything from there with my knowledge: https://www.telerik.com/forums/kendo-scheduler---unselect-a-selected-event-programatically

Is there a way to achieve what I am looking for?

Filip
Telerik team
 answered on 05 May 2023
0 answers
108 views

Hai, 

I am facing an issue where I need to add validation to a field, display a circular gauge and implement the button's functionality

I require assistance with the following issues :

1) Although it is possible to add data without input, when input is provided, it does not display in the row (myNameCell.jsx)

2) When adding data, the circular gauge status column does not display in the row (myCircularGaugeCell,jsx)

3) If a row is remove, I want to add a validation message, such as "Please add at least one record".

4) How can I modify the field text, textrea and dropdown components? (myDropDownCell.jsx)

 

Could someone provide me with guidance on these matters? I attach my code as reference. Let me know if there are something wrong with my code. TQ

 

Umi Amira
Top achievements
Rank 1
Iron
 asked on 05 May 2023
1 answer
744 views

Hi,

Is it possible to apply custom sort logic to a Data Grid Column which is applied when clicking on the Column header? As an example, we have a Date column with nullable values. We would like nulls to be considered highest i.e.

  • ascending: lowest date value -> highest date value -> null date values
  • descending: null date values -> highest date value -> lowest date value

In the default sort nulls are considered lowest.

Konstantin Dikov
Telerik team
 answered on 04 May 2023
1 answer
171 views

hi Team,

I'm using kendo react chart to plot trends (line chart) like below. It takes some time to plot the lines (Say 1- 2 sec approx). the axis and background is visible and there is delay till lines gets plotted.
Is there any callback function that lets know that graph is completely plotted on the space? it helps to shows loader till then 

Filip
Telerik team
 answered on 04 May 2023
1 answer
363 views

Greetings,

I'm trying to add a filter that allows the users to select the available options from the table.

I found one example with Custom Filter Cells but I want to implement it to External filter.

Please help, thanks!

 

Best Regards,

Jason Li


Konstantin Dikov
Telerik team
 answered on 03 May 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
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
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?