Telerik Forums
KendoReact Forum
8 answers
668 views

Hi,

I followed your toc-single-row-navigation example. Here is my grid https://stackblitz.com/edit/react-njk8q2?file=app/main.jsx and problem is that when are data filtered then arrows are moving row selection but also the page. Any suggestion how to prevent the page scroll?

Matej
Top achievements
Rank 1
Veteran
 answered on 16 Sep 2020
1 answer
958 views

Hi, 

I would like to display a context menu (similar to https://www.telerik.com/kendo-react-ui/components/layout/menu/context-menu/) when I right click on an item in a TreeView (https://www.telerik.com/kendo-react-ui/components/treeview/). The context menu should be aware of the relevant TreeViewItem that was right clicked on e.g. so I can perform an edit or delete. Is this possible?

Thanks, 
Grant

Stefan
Telerik team
 answered on 15 Sep 2020
10 answers
252 views

hi

how to Using kendo components in the kendo window component

When I use the following code, it does not show information to me

const plantList = [{ text: "Small", id: 1 },{ text: "Medium", id: 2 },{ text: "Large", id: 3 }];
<Window
          title="Formula"
          onClose={handleReturn}
          initialHeight={400}
          resizable={false}
          maximizeButton={() => null}
        >
          <ComboBox
                data={plantList}
                textField="text"
                filterable={true}
                onFilterChange={filterChange}
            />
           
         </Window>
Mohammad
Top achievements
Rank 1
Veteran
 answered on 15 Sep 2020
1 answer
161 views

Hi,

i was following the odata server operation example ( https://www.telerik.com/kendo-react-ui/components/grid/data-operations/odata-server-operations/) and i see that the filters in that grid example returns data ignoring case. e.g contains -> 'car'  will return 'Carl'

 

But in my project its not doing the same, its returning data based on case e.g contains -> 'car' will return nothing but contains -> 'Car'  will return 'Carl'.

Our api is made in .net core API upon which Odata is implemented, so we tried (https://github.com/OData/WebApi/issues/812) this but since we are not implementing Odata directly that solution cannot be done.

Can you guys let me know how the backend of your server example is working so that i can have a look as to how it is returning data ignoring case, cause i dont see any toLower() method in your Filter object.

And is there any easy way to implement it, so that i dont have to manually add toLower() method to Filter object everytime there is a Datastate change.

 

Please let me know!! Thanks in Advance.

Stefan
Telerik team
 answered on 14 Sep 2020
3 answers
145 views
I am implementing a grid which is having expanded grid from parent grid and in the expanded grid i am having action column associated with each row which will be having action column like "Edit/delete/view". And all the methods for action column are in parent class. I am facing issue with the action ("Edit/delete/view") for the expanded column because as per kendo-react docs we suppose to implement the expanded grid in another class. Please provide me some solution? 
Stefan
Telerik team
 answered on 11 Sep 2020
1 answer
79 views

I want to have a drop-down inside each row in kendo-grid react. Please find an attachments for the reference and provide me the appropriate solution. 

Thank You !

Stefan
Telerik team
 answered on 10 Sep 2020
2 answers
1.5K+ views

How to edit "Drag a column header and drop it here to group by that column" in kendo-react. I want to add "*" before that string because that is information for the users. 

Thanks

Tisson
Top achievements
Rank 1
Veteran
 answered on 10 Sep 2020
1 answer
1.3K+ views
I am facing issue with conditional expanded row for kendo-react grid. I am implementing the kendo-react grid which will be having some records on which some records will be having sub grid and some of them will not be having sub grid. Is there any way to achieve this scenario where we can have condition to restrict row expand based on records data in single grid. 
Stefan
Telerik team
 answered on 09 Sep 2020
10 answers
1.9K+ views

Hi

I tried to add a NumericTextBox as a custom cell editor inside GridColumn. In onChange function, it updates the data list using setState and it goes focus out on every time I type a digit. Below is my code 

itemChange = event => {
  const value = event.value;
  const name = event.field;
  const dataItem = Object.assign({}, event.dataItem);
  const index = this.state.data.indexOf(event.dataItem);
  if (index > -1) {
    const data = this.state.data.slice();
    dataItem[name] = value;
    data[index] = dataItem;
    this.setState({
      data: data
    });
  }

}

 

What may be the error cause this issue?

Thanks and Regards

 

Stefan
Telerik team
 answered on 09 Sep 2020
1 answer
180 views

Hi,

 

After clicking select file button in kendo upload, nothing happening ( Open Popup not displaying to choose the file).

 

Please help to resolve.

 

 

Thanks

 

Regards,

Karuna

 

 

Stefan
Telerik team
 answered on 08 Sep 2020
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
Licensing
TabStrip
Drawing
Calendar
Pager 
Labels 
Localization
TimePicker
GridLayout
FontIcon
Animation
PanelBar
TaskBoard
PivotGrid
Card
DropDownButton
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
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?