Telerik Forums
KendoReact Forum
15 answers
1.4K+ views

Hi,

I'm trying to filter a kendo-ui treeView by text and with button to display or not some root in my tree.

I already use this to filter the tree view with input and it work perfectly, and on top of that i want to filter the root node.

I use treeview react component

When i click some button, I set the hidden attribute to the root node and I re-filter it.

public handleClick() {
  const dataSource: kendo.data.DataSource = $("[data-role='treeview']").data("kendoTreeView").dataSource;
  const data = dataSource instanceof kendo.data.HierarchicalDataSource && dataSource.data();
  _.forEach(data as kendo.data.ObservableArray, (item) => {
    if (item.type === this.props.controlNode) {
      item.hidden = this.props.filter;
    }
  });
  dataSource.filter({ field: "hidden", operator: "neq", value: true });
  dataSource.filter().logic = "and";
}


My buttons have a `controlNode` attribute to compare to the type attribute inside my dataSource. I iterate through the first child of my dataSource and if the type match I set the hidden attribute true or false depending on the filter state.

So my problem is, `dataSource.filter({ field: "hidden", operator: "neq", value: true });` don't filter the dataSource. but if i use the operator `eq` instead of `neq` I have the opposite behavior, but it's working...

I don't know if I'm doing something wrong.

Stefan
Telerik team
 answered on 20 Apr 2020
1 answer
172 views

Hi,

Do you have maybe a demo or sample somewhere using Kendo React Splitter with Routing?

We want to make the main screen in central pane, and then open sub pages in splitter other pane to the right, but via routing.

A good example would be list page which is main, and then edit or details pages which open via route in the pane to the right not to leave the current list context.

 

Thank you!

Sanja

Stefan
Telerik team
 answered on 16 Apr 2020
1 answer
615 views

Hi,

We use the DatePicker component and ReactTooltip (https://www.npmjs.com/package/react-tooltip) for tooltips.
For the DatePicker icon has the title "Toggle calendar" is there a way to remove it?

https://stackblitz.com/run/?file=app%2Fmain.jsx

Stefan
Telerik team
 answered on 15 Apr 2020
1 answer
3.9K+ views

We are trying to integrate Kendo for Microsoft Bot framework. But we are facing issue when we are using Adaptive card to fetch values from user. Once the user clicks on submit button, the values are not getting passed to bot.

Kindly help us in solving this issue. 

Stefan
Telerik team
 answered on 14 Apr 2020
1 answer
112 views

Hi Team,

As Kendo react components supports HTML 5 validations and work across different browsers as well.

Is there a way the styling of validation messages will remain same across browsers without loosing the default validations?

Regards,

Sanjay

Stefan
Telerik team
 answered on 13 Apr 2020
1 answer
217 views

Hi Team,

We need to know whether there is any property available for Email control which can validate the specific domains only.

I know this can be achieved via regex but curious to know if there is any out of the box property available since this scenario is common for email controls.

Regards,

Sanjay

 

Stefan
Telerik team
 answered on 10 Apr 2020
3 answers
170 views

Hi Team,

We have requirement where we want to validate some set of controls from one specific button.

<form OnSubmit="handleSubmit">

<Control1 />

<div> // This is specific section like repeater

<Control2 />

<Button2 />

</div>

<Control3 />

<Button1 />

</form>

 

The requirement is

1. Button1 will validate only Control1 and Control3 but not Control2.

2. Button2 will validate only Control2

 

I tried to implement this via enclosing Button2 and Control2 inside another form tag but react dom is giving warning of nested form tag.

Please let me know is there any way to achieve this functionality in Kendo React.

 

Regards,

Sanjay

 

 

Stefan
Telerik team
 answered on 09 Apr 2020
1 answer
839 views

Hi Team,

We need to know whether there is any way to select multiple items in AutoComplete control. Currently, I can see there is only one option can be selected.

Or there is any alternative way to select multiple items in AutoComplete.

Regards,

Sanjay

Stefan
Telerik team
 answered on 09 Apr 2020
5 answers
546 views

Hi,

There is no demo of this functionality.

Can it be achieved? Could you give me an example.

I would do it with .NET Core on the server to save the files there.

In a nutshell I would like to have a photo picker where I can insert a photo in the Editor content from photo gallery or upload a new photo there, send it to the server (as with any other upload) and display it with relative local path.

 

Thnx!

Sanja

Stefan
Telerik team
 answered on 09 Apr 2020
4 answers
147 views
Has anyone had any luck using a Kendo React Combobox with Final Form? It is not in the third party integration demo for Final Form unfortunately.
Bill
Top achievements
Rank 1
Veteran
 answered on 07 Apr 2020
Narrow your results
Selected tags
Tags
General Discussions
Grid
Wrappers for React
Charts
Scheduler
Filter 
DropDownList
Form
DatePicker
Styling / Themes
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
LLM Kit
OTP Input
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?