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.
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
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
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.
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
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
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
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