Telerik Forums
KendoReact Forum
2 answers
64 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
78 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
82 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
546 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
118 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
225 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
1 answer
98 views

Hi Support team,

I have a request to open a confirm dialog when user create or update item in scheduler.

If end user chooses yes button, it will create/update item and close all dialogs.

If end user chooses no button, it will close confirm dialog and keep create/update dialog still opening.

 

Please advice how to do it.

Filip
Telerik team
 answered on 02 May 2023
2 answers
514 views
I need to find a way to just capture the dropdown id, I don't want the whole object like this in my output.

Which prop can I use to capture just my selection ID?
For example in a traditional HTML select can I ?
I can't believe kendo doesn't have this solution 


<DropDownList
textField={"description"}
  dataItemKey={"id"}
  value={form?.importLevelId}
  onChange={(evt) => {
  lists.importLevelId = evt.target.value;
  setForm({ ...form, importLevelId: evt.target.value });
  }}
  data={integrationSetupCombos?.importLevels}/>

My output:

importLevelId:
description"Tactic"
id1



Tejas
Top achievements
Rank 2
Iron
Iron
Iron
 answered on 02 May 2023
1 answer
84 views

Hi,

I am trying to plot a line in chart from origin. In below image lines are starting from 8AM. can we plot 7AM at the origin of both axis, so all lines will start from origin 0. here I am trying to show data from 7AM to 8AM right now it is from 8AM. so at starting point it should be start from 0.
Is this possible with line chart

Konstantin Dikov
Telerik team
 answered on 02 May 2023
1 answer
57 views

Hai,

I'm facing an issue where I'm unable to resize my circular gauge as demonstrated below. Can you please advise me on how I can reduce the size of the gauge? Additionally, is there a way to enable a feature where clicking on the circular gauge it will change the percentage , limited to specific values such as 25%, 50%, 75%, and 100%?


I attached my code for your reference. TQ

 

Konstantin Dikov
Telerik team
 answered on 28 Apr 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Henri
Top achievements
Rank 2
Iron
Iron
Iron
SUNIL
Top achievements
Rank 2
Iron
Iron
Iron
David
Top achievements
Rank 1
Jackson
Top achievements
Rank 1
Iron
Iron
Tim
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Henri
Top achievements
Rank 2
Iron
Iron
Iron
SUNIL
Top achievements
Rank 2
Iron
Iron
Iron
David
Top achievements
Rank 1
Jackson
Top achievements
Rank 1
Iron
Iron
Tim
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?