Telerik Forums
KendoReact Forum
2 answers
438 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
125 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
152 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
147 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
893 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
207 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
432 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
182 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
724 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
171 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
Narrow your results
Selected tags
Tags
General Discussions
Grid
Wrappers for React
Charts
Scheduler
Filter 
DropDownList
Form
Styling / Themes
DatePicker
Editor
TreeList
Styling
PDF Processing
ComboBox
Excel Export
Dialog
Input
TreeView
Upload
Drawer
Button
Drag and Drop
MultiSelect
Tooltip
Accessibility
NumericTextBox
Checkbox
Menu
Gantt
DateTimePicker
PDF Viewer
Popup
Window
AutoComplete
DateInput
Sortable
Data Query
Drawing
Licensing
TabStrip
Calendar
Pager 
Labels 
Localization
TimePicker
GridLayout
FontIcon
Animation
PanelBar
PivotGrid
Card
DropDownButton
TaskBoard
Conversational UI 
DateRangePicker
Splitter
Badge 
Security
Slider
Spreadsheet
ContextMenu
MultiViewCalendar
Stepper
MultiColumnComboBox
MultiSelectTree
TextBox
AppBar
File Saver
ListView
MaskedTextBox
RadioButton
Switch
TextArea
Toolbar
DropDownTree
TileLayout
Map
Avatar
Date Math
Gauge
RadioGroup
RangeSlider
Rating
Loader
ExpansionPanel
SvgIcon
Typography
ProgressBar
ScrollView
Popover
StockChart
RadialGauge
Server Components
AIPrompt
Page Templates / Building Blocks
AI Coding Assistant
Chat
ColorGradient
ColorPalette
ColorPicker
Notification
Ripple
Skeleton
ButtonGroup
Chip
ChipList
FloatingActionButton
SplitButton
ActionSheet
Barcode
QR Code
FlatColorPicker
Signature
BottomNavigation
BreadCrumb
StackLayout
Timeline
ListBox
ChunkProgressBar
Sparkline
FileManager
ArcGauge
CircularGauge
LinearGauge
ExternalDropZone
OrgChart
Sankey
VS Code Extension
InlineAIPrompt
SpeechToTextButton
Chart Wizard
Agentic UI Generator
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
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?