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);
}

Does kendoreact support us to customize it? Thank you

Follow the code
brave-leftpad-tt12no - CodeSandbox

Input fields not accepting spaces inside the treeview component

any solution for this

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>

}

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?

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

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.

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 

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