Currently, when checkboxes are enabled, the selected items cannot be sent to a remote end-point via form submit. Research possible workarounds for the senario - rendering an additional input elements, parsing or other suitable approach that allows submitting the value of the widget.
Dojo example: http://dojo.telerik.com/ePEPAtEl/3
Two scenarios:
The DropDownTree's height is set to "auto" and there are enough nodes in the embedded treeview, so that the when the popup shows up a vertical scrollbar appears. In Chrome and IE, when the scrollbar appears the page is scrolled down automatically, which causes the popup to close.
height is not set explicitly in the DropDownTree (remove the setting from the dojo example). If the browser window is resized so that there isn't enough space for the whole popup to be displayed, on the popup showing up, the same behavior as in 1. is observed.
The popup closes automatically.
The popup remains open.
The DropDownTree's refresh API method re-renders only the noDataTemplate and the footerTemplate. The nodes are not re-rendered.
Only the noDataTemplate and the footerTemplate are re-rendered.
The method should also re-render the nodes, similarly to the DropDownList's refresh method, which re-renders its items.
The DropDownTree validation error message appears when the widget gets opened. The message appears before the user is able to select an item. The behavior is not consistent with the validation of the rest of the widgets, such as DropDownList, for example.
Scenario 2: DropDownTree in a Form - Dojo
The DropDownTree is validated on open, thus it is marked as invalid before the user has the possibility to select an item.
The validation of the DropDownList should be consistent with the rest of the widgets. It should be validated when it is focused out
Pressing the clear button of the DropDownTree does not change the component's value in the change event.
The value is the same as before pressing the button
The value should be an empty string after pressing the clear button
Hi,
I have a DropDownTree with checkboxes, like so:
$("#cbxWorkZones").kendoDropDownTree({
placeholder: "Select Work Zones...",
dataTextField: "name",
dataValueField: "id",
valuePrimitive: true,
checkboxes: true,
checkAll: true,
autoClose: false,
autoBind: false,
dataSource: data.workZones
});
I get an instance of it like so:
var wz = $('#cbxWorkZones').data("kendoDropDownTree");
I evaluate value and get this: [] meaning, there are no values selected.
Then I set its value like so:
wz.value(["8", "6"]);
After setting the values, I evaluate value again, and I get this: [8,6,8,6]
Why are the values duplicated?
Thanks!
Juan
Unexpected change event triggering when using value() method of remote datasource DropDownTree with checkboxes and autoBind false
Script runs through datasource read else, then through datasource read if and then DropDownTree's change event is fired.
NOTE: if there is no setTimeout or if the two nodes are loaded at the same time with no if else clause, then the issue is not reproducible.
DropDownTree's change event is not fired, when value() method is called.
Similar fixed issue: #4352
Hi,
When using the dropdown tree on safari using the bootstrap themes when the page has scrollbars and clicking on the dropdown the page scrolls up, even though there is available space:
Please see this Dojo which replicates the issue:
https://runner.telerik.io/fullscreen/uwoBEKiT/2
Open the above URL in Safari, chick on the dropddown and the page scrolls up and the dropdown is no longer visible.
Regards
James Qu
inn
Regression introduced in R1 2020.
Reproducible in the demo.
The DropDownTree items are not checked. The issue is reproducible only if the checkbox is clicked. Clicking its label, or checking the checkbox with the keyboard (Space key) checks all items as expected.
All items are checked.
Hello Team,
Please refer this DoJo - http://dojo.telerik.com/@SaravanaMS/utINiRUq
We have a dropdowntree component added in a grid and when we collapse the dropdowntree options - dropdowm box stays at top.
Steps to reproduce -
1. open all options from top to bottom
2. collapse the option from bottom to top
3. once the top option is collapsed - dropdown box stays at top
Hi
I have a problem with the DropDownTree component.
From a remote data source type json I am getting a tree with two levels of data but it only shows the first level.
Code:
$("#dropdowntree").kendoDropDownTree({
dataSource: {
transport: {
read: {
url: "/api/getData",
type: "POST",
dataType: "json",
contentType: "application/json; charset=utf-8"
}
}
},
checkboxes: true
});
Response:
[
{
text: "Furniture", expanded: true, items: [
{ text: "Tables & Chairs" },
{ text: "Sofas" },
{ text: "Occasional Furniture" }
]
},
{
text: "Decor", items: [
{ text: "Bed Linen" },
{ text: "Curtains & Blinds" },
{ text: "Carpets" }
]
}
]
$("#dropdowntree").kendoDropDownTree({
dataSource: {
data: [
{
text: "Furniture", expanded: true, items: [
{ text: "Tables & Chairs" },
{ text: "Sofas" },
{ text: "Occasional Furniture" }
]
},
{
text: "Decor", items: [
{ text: "Bed Linen" },
{ text: "Curtains & Blinds" },
{ text: "Carpets" }
]
}
]
},
checkboxes: true
});
Using setDataSource method on a working DropDownTree, with same initial settings leads to not working clea button and not expanding a collapsed node.
Dojo: https://dojo.telerik.com/uLUNudEJ
Steps (clear button):
1. Open dojo and check that everything works correctly
2. Click reload button (calls setDataSource)
3. Clear all button does not work and cannot deselect the item from the tag's clear button.
Steps (expand):
1. Open dojo and open popup to see everything expands as expected
2. Click reload
3. Open popup
4. The last (initially collapsed) node cannot be expanded.
If the DropDownTree is configured without checkboxes (single selection), the X button shouldn't be present.
The clear button appears
The clear button shouldn't be present.
If you prevent the DropDownTree's close event, the k-animation-container-shown class is removed from the popup.
The k-animation-container-shown class is removed from the popup element.
The k-animation-container-shown class should be preserved.